/* Explain: Color tokens and design variables for the website theme. */
:root {
    --primary-color: #16A34A;
    --primary-hover: #15803D;
    --secondary-color: #0EA5E9;
    --accent-color: #F59E0B;
    --background-color: #F4F5FB;
    --surface-color: #FFFFFF;
    --surface-soft: #EEF0F9;
    --text-color: #111827;
    --text-muted: #6B7280;
    --border-color: rgba(17, 24, 39, 0.10);

    --sphere-professional: #2563EB;
    --sphere-personal: #DB2777;
    --sphere-public: #F59E0B;
    --sphere-private: #0F766E;

    --shadow-soft: 0 24px 70px rgba(17, 24, 39, 0.12);
    --shadow-card: 0 12px 34px rgba(17, 24, 39, 0.07);
    --radius-large: 1.75rem;
    --radius-medium: 1.1rem;

    --online-color: #22C55E;

    --font-heading: 'Rubik', system-ui, sans-serif;
    --font-body: 'Assistant', system-ui, sans-serif;
}