/* Design tokens: single source of truth for the premium visual refresh.
   Additive only — no selectors here, just custom properties consumed
   incrementally by style.css / main.css / common.css as components are
   updated. Values below are extracted from the site's existing dominant
   colors so the refresh reads as a refinement, not a rebrand. */
:root {
    /* Brand */
    --color-primary: #183443;
    --color-primary-dark: #101f28;
    --color-primary-light: #2a4d61;
    --color-accent: #f75757;
    --color-accent-dark: #d12c2c;

    /* Neutrals */
    --color-text: #101010;
    --color-text-muted: #434343;
    --color-text-subtle: #7a7a7a;
    --color-border: #dddddd;
    --color-border-light: #f1f1f1;
    --color-surface: #ffffff;
    --color-surface-alt: #f2f2f2;
    --color-canvas: #f5f6f7;

    /* Semantic */
    --color-success: #5cb85c;
    --color-info: #5bc0de;
    --color-warning: #f0ad4e;
    --color-danger: #bd1818;

    /* Typography */
    --font-body: 'Poppins', -apple-system, 'Segoe UI', sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 28px;
    --font-size-2xl: 36px;
    --font-size-3xl: 48px;
    --line-height-tight: 1.2;
    --line-height-normal: 1.5;

    /* Spacing scale (4px base) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Elevation */
    --shadow-1: 0 2px 6px rgba(16, 16, 16, 0.09), 0 1px 2px rgba(16, 16, 16, 0.07);
    --shadow-2: 0 16px 36px rgba(16, 16, 16, 0.18), 0 4px 10px rgba(16, 16, 16, 0.10);
    --scrim: linear-gradient(to top, rgba(16,16,16,0.85) 0%, rgba(16,16,16,0.25) 55%, rgba(16,16,16,0) 100%);

    /* Motion */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}