/* ==========================================================================
   Wealth250 Design Tokens
   All CSS custom properties (colors, typography, spacing, transitions).
   Every other CSS file references these variables.
   To rebrand, change values here only.
   ========================================================================== */

:root {
    /* ---- Color Palette ---- */
    --w250-primary:        #800000;   /* UChicago Maroon */
    --w250-primary-dark:   #5c0000;
    --w250-primary-light:  #a33333;

    --w250-accent:         #004161;   /* UChicago Navy */
    --w250-accent-dark:    #002d44;
    --w250-accent-light:   #e6eef2;

    --w250-gold:           #DA9B1A;   /* UChicago Dark Goldenrod */
    --w250-gold-light:     #fdf6e3;

    --w250-text:           #1A1A1A;
    --w250-text-light:     #4A4A4A;
    --w250-text-muted:     #777777;

    --w250-bg:             #FAFAFA;
    --w250-bg-alt:         #F0F0F0;
    --w250-white:          #FFFFFF;
    --w250-border:         #E0E0E0;

    /* ---- Typography ---- */
    --w250-font-body:      'Source Serif 4', 'Georgia', serif;
    --w250-font-heading:   'Inter', 'Helvetica Neue', Arial, sans-serif;
    --w250-font-mono:      'Source Code Pro', 'Consolas', monospace;

    --w250-text-sm:        0.875rem;  /* 14px */
    --w250-text-base:      1rem;      /* 16px */
    --w250-text-lg:        1.25rem;   /* 20px — essay body */
    --w250-text-xl:        1.5rem;    /* 24px */
    --w250-text-2xl:       2rem;      /* 32px */
    --w250-text-3xl:       2.5rem;    /* 40px */
    --w250-text-4xl:       3.5rem;    /* 56px — hero titles */

    --w250-leading:        1.7;       /* Body text line height */
    --w250-leading-tight:  1.2;       /* Headings line height */
    --w250-leading-snug:   1.4;       /* Subtitles, captions */

    /* ---- Spacing & Layout ---- */
    --w250-content-width:  720px;     /* Optimal reading width */
    --w250-wide-width:     1100px;    /* Data viz, two-col, galleries */
    --w250-max-width:      1400px;    /* Overall page cap */
    --w250-section-gap:    4rem;      /* Space between essay sections */

    /* ---- Transitions ---- */
    --w250-transition:     0.3s ease;
    --w250-anim-duration:  0.6s;
    --w250-anim-delay:     0.1s;

    /* ---- Progress Bar ---- */
    --w250-progress-height: 3px;
    --w250-progress-color:  var(--w250-accent);

    /* ---- Z-Index Scale ---- */
    --w250-z-progress:     1000;
    --w250-z-share:        100;
    --w250-z-chapter-nav:  999;
    --w250-z-hero:         1;
    --w250-z-lightbox:     2000;
}