:root {
    --primaryColor: #3C4658;
    --secondaryColor: #4B5563;
    --tertiaryColor: #6B7280;
    --light: #F3F4F6;
    --dark: #1F2937;
    --font-primary: 'Source Sans Pro', sans-serif;
    --color-primary: #3C4658;
    --color-primary-dark: #2A2F3A;
    --color-secondary: #F8FAFC;
    --color-secondary-light: #CBD5E1;
    --color-secondary-lighter: #E5EAF1;
    --color-secondary-lightest: #F1F5F9;
    --color-accent: #60e9f485;
    --color-accent-dark: #DB9E43;
    --color-accent-light: #F9C784;
    --color-light: #ffffff;
    --color-text-primary: #2E3440;
    --color-text-light: #ffffff;
    --color-main: var(--color-primary);
    --color-main-lighter: #5A6372;
    --color-cyan: #64748B;
    --color-cyan-light: #94A3B8;
    --shadow-light: rgba(0, 0, 0, 0.03);
    --shadow-medium: rgba(0, 0, 0, 0.07);
    --shadow-strong: rgba(0, 0, 0, 0.12);
    --shadow-hero: rgba(0, 0, 0, 0.1);
    --shadow-cyan: rgba(100, 116, 139, 0.2);
    --shadow-cyan-light: rgba(148, 163, 184, 0.12);
    --spacing-page-padding: 2rem;
    --spacing-section-padding: 4rem;
    --radius-default: 0.75rem;
    --radius-btn: 0.5rem;
    --radius-pill: 50px;
}