/* ============================================================
   BRODANALYTICS — DESIGN TOKENS
   ============================================================ */
:root {
    --paper: #FAF9F6;
    --card: #FFFFFF;
    --ink: #191917;
    --ink-2: #57554F;
    --ink-3: #8E8B82;
    --line: #E9E6DE;
    --line-soft: #F1EFE9;
    --accent: #4F46E5;
    --accent-deep: #4038C7;
    --accent-soft: #EEEFFE;
    --teal: #17A78F;
    --teal-deep: #0E8571;
    --teal-soft: #E2F6F1;
    --amber: #D97706;
    --amber-soft: #FDF1DF;
    --green: #178A44;
    --green-soft: #E5F5EB;
    --radius-lg: 22px;
    --radius-md: 14px;
    --radius-sm: 9px;
    --shadow-card: 0 1px 2px rgba(25,25,23,.04), 0 8px 28px rgba(25,25,23,.07);
    --shadow-pop: 0 2px 6px rgba(25,25,23,.06), 0 18px 50px rgba(25,25,23,.12);
    --ease-out: cubic-bezier(.22,1,.36,1);

    /* ---- Semantic aliases (kept for pages authored against the old token names) ---- */
    --font-heading: 'Inter var', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body:    'Inter var', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --text-body:          var(--ink);
    --text-body-inverse:  #fff;
    --text-muted:         var(--ink-2);
    --text-muted-inverse: rgba(255,255,255,.65);
    --surface-page:       var(--paper);
    --surface-page-dark:  #14131c;
    --surface-card:       var(--card);
    --surface-card-dark:  #1c1a26;
    --surface-sunken:     var(--line-soft);
    --border-default:     var(--line);
    --border-default-dark: rgba(255,255,255,.12);
    --brand-cta:          var(--accent);
    --brand-cta-hover:    var(--accent-deep);
    --color-secondary:    var(--ink);

    --text-heading-1: 4rem;     --text-heading-1--lh: 1.03;
    --text-heading-2: 3rem;     --text-heading-2--lh: 1.08;
    --text-heading-3: 2.3rem;   --text-heading-3--lh: 1.15;
    --text-heading-4: 1.85rem;  --text-heading-4--lh: 1.2;
    --text-heading-5: 1.4rem;   --text-heading-5--lh: 1.3;
    --text-heading-6: 1.15rem;  --text-heading-6--lh: 1.35;

    --text-tagline-1: 1rem;      --text-tagline-1--lh: 1.55;
    --text-tagline-2: 0.9rem;    --text-tagline-2--lh: 1.5;
    --text-tagline-3: 0.78rem;   --text-tagline-3--lh: 1.5;

    --tracking-eyebrow: 0.13em;

    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
    --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px;
    --space-10: 40px; --space-12: 48px; --space-14: 56px; --space-16: 64px;
    --space-20: 80px; --space-24: 96px; --space-28: 112px;

    --section-padding-y: 90px;
    --section-padding-y-mobile: 56px;

    --container-max: 1080px;
    --container-padding: 24px;

    --radius-pill: 999px;
    --radius-card: var(--radius-lg);
    --radius-card-sm: var(--radius-md);
    --radius-image: var(--radius-lg);

    /* legacy names some pages/components reference */
    --color-ns-gold: var(--amber);
    --color-ns-gold-light: var(--amber-soft);
    --color-ns-cyan: var(--teal);
    --color-ns-cyan-light: var(--teal-soft);
    --color-primary-50: var(--accent-soft);
    --color-primary-300: #C7C3F9;
    --color-primary-500: var(--accent);
    --color-primary-600: var(--accent-deep);
    --color-primary-700: #332C9E;
    --color-background-2: var(--paper);
    --color-background-3: var(--line-soft);
    --color-background-5: #14131c;
    --color-background-8: #0c0b12;
    --color-stroke-3: var(--line);
    --color-stroke-7: rgba(255,255,255,.12);
    --shadow-1: var(--shadow-card);
    --shadow-2: var(--shadow-pop);
    --shadow-3: var(--shadow-pop);
}