:root {
    --clr-primary:    #2563eb;
    --clr-primary-dk: #1d4ed8;
    --clr-accent:     #7c3aed;
    --clr-success:    #22c55e;
    --clr-error:      #ef4444;
    --clr-text:       #111827;
    --clr-text-muted: rgba(255, 255, 255, 0.6);
    --clr-link:       #93c5fd;
    --clr-link-hover: #bfdbfe;
    --clr-surface:    rgba(255, 255, 255, 0.06);
    --clr-border-subtle: rgba(255, 255, 255, 0.1);

    --glass-bg:       rgba(255, 255, 255, 0.13);
    --glass-border:   rgba(255, 255, 255, 0.2);
    --glass-blur:     18px;
    --glass-card:     rgba(255, 255, 255, 0.1);
    --glass-overlay:  rgba(255, 255, 255, 0.06);
    --glass-nav:      rgba(255, 255, 255, 0.88);

    --radius-sm:  8px;
    --radius-md:  12px;
    --radius-lg:  18px;
    --radius-xl:  25px;

    --shadow-xs:  0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg:  0 12px 40px rgba(0, 0, 0, 0.15);
    --shadow-btn: 0 4px 14px rgba(37, 99, 235, 0.3);
    --shadow-btn-hover: 0 8px 24px rgba(37, 99, 235, 0.4);
    --shadow-glow: 0 0 20px rgba(37, 99, 235, 0.15);
    --shadow-card-hover: 0 20px 50px rgba(0, 0, 0, 0.2);

    --font-stack: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.25rem;
    --fs-2xl:  1.5rem;
    --lh-tight:  1.2;
    --lh-normal: 1.5;
    --lh-relaxed: 1.65;
    --ls-tight:  -0.01em;
    --ls-normal:  0;
    --ls-wide:    0.04em;

    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    --sp-1:  4px;
    --sp-2:  8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-8:  32px;
    --sp-10: 40px;

    --header-offset: 80px;
}