/* Source: aeolus-design-system/ds-bundle/tokens/tokens.css */
/* ============================================================================
   AeolusGTM Design Tokens
   Extracted 1:1 from Sales Deck v6 + Partner Deck v2-alt3 (Aug 2026).
   Every value below appears verbatim in the decks. Do not "improve" values —
   fidelity to the deck is the contract. See BRAND-SPEC.md for usage rules
   and occurrence counts.
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     COLOR — NIGHT (dark surfaces)
     ------------------------------------------------------------------ */
  --aeolus-night-950: #070A12;      /* page base, hero slides, vignette ink */
  --aeolus-night-900: #0B0E16;      /* interior dark surface (one notch lighter) */
  --aeolus-night-800: #0B1020;      /* aurora deep-blue shadow lobe */
  --aeolus-navy-600: #1B4B6B;       /* aurora teal-blue anchor */
  --aeolus-slate-400: #6E97B5;      /* "what the CRM claims" marker; blue-on-light aurora */

  /* ------------------------------------------------------------------
     COLOR — GOLD FAMILY
     ------------------------------------------------------------------ */
  --aeolus-gold-hover: #FFE9A8;     /* link hover only */
  --aeolus-gold-pale: #FFF0C4;      /* gold-slide aurora highlight */
  --aeolus-gold-tint: #FDF3CF;      /* warm star core (constellation) */
  --aeolus-gold-400: #F3D06A;       /* PRIMARY GOLD: links, accent numerals, gold slide bg */
  --aeolus-gold-500: #E8B44A;       /* light-background aurora lobe */
  --aeolus-gold-600: #C5912A;       /* score-ring gradient start; dark aurora gold lobe */
  --aeolus-gold-muted: #B99A45;     /* muted gold: "open pipeline" bars only */
  --aeolus-bronze-light: #A06614;   /* bronze ink accents on cream (italic clause, markers) */
  --aeolus-bronze: #8C5A16;         /* bronze ink on cream: stat numerals, pull-quote, pills */

  /* ------------------------------------------------------------------
     COLOR — LIGHT SURFACES + INK
     ------------------------------------------------------------------ */
  --aeolus-cream: #F1EDE5;          /* light slide base */
  --aeolus-ink: #1A1916;            /* ink on cream */
  --aeolus-ink-gold: #1A1206;       /* warmer ink on gold surfaces */
  --aeolus-white: #FFFFFF;          /* headlines on dark */

  /* ------------------------------------------------------------------
     COLOR — SEMANTIC
     ------------------------------------------------------------------ */
  --aeolus-coral: #F0724E;          /* negative delta / critical finding */
  --aeolus-sage: #8EC4A4;           /* healthy / at Aeolus standard */
  --aeolus-sage-deep: #5F9C7E;      /* sage ring gradient start */
  --aeolus-green: #4ADE80;          /* won money / "Match" status */
  --aeolus-red: #F87171;            /* zero / failure */
  --aeolus-ember: #C96A2E;          /* terracotta aurora lobe (light slides) */
  --aeolus-rust: rgba(178, 58, 22, 0.58); /* coral aurora lobe (dark slides) */

  /* categorical (territories / charts) */
  --aeolus-cat-teal: #13A5B2;
  --aeolus-cat-green: #2B7440;      /* doubles as "Won" bar */
  --aeolus-cat-olive: #B49100;
  --aeolus-cat-violet: #9C84C7;
  --aeolus-cat-maroon: #7A2B2B;     /* "Lost" bar */
  --aeolus-cat-blue: #3A99BA;       /* attribution: paid */
  --aeolus-cat-grey: #9AA1AD;       /* attribution: other */

  /* constellation starlight palette */
  --aeolus-star-core: #FDF3CF;
  --aeolus-star-cool: #DFE8FA;
  --aeolus-star-fill: #CFDAF2;
  --aeolus-star-alt: #C4D8FA;
  --aeolus-star-line: rgba(214, 226, 246, 0.72);
  --aeolus-star-line-faint: rgba(214, 226, 246, 0.26);

  /* ------------------------------------------------------------------
     TEXT ALPHA LADDERS (the deck never uses grey hexes for text)
     Dark surfaces: white at alpha. Light surfaces: ink at alpha.
     ------------------------------------------------------------------ */
  --aeolus-text-on-dark-max: rgba(255, 255, 255, 0.96);   /* stat values */
  --aeolus-text-on-dark: rgba(255, 255, 255, 0.94);       /* section default */
  --aeolus-text-on-dark-2: rgba(255, 255, 255, 0.92);     /* dense sections */
  --aeolus-text-on-dark-body-strong: rgba(255, 255, 255, 0.86);
  --aeolus-text-on-dark-body: rgba(255, 255, 255, 0.82);  /* card body */
  --aeolus-text-on-dark-soft: rgba(255, 255, 255, 0.72);  /* tile body */
  --aeolus-text-on-dark-lede: rgba(255, 255, 255, 0.70);  /* hero lede */
  --aeolus-text-on-dark-muted: rgba(255, 255, 255, 0.62); /* metric labels */
  --aeolus-text-on-dark-label: rgba(255, 255, 255, 0.60); /* 24px mono label */
  --aeolus-text-on-dark-sub: rgba(255, 255, 255, 0.58);   /* montage lede */
  --aeolus-text-on-dark-faint: rgba(255, 255, 255, 0.48); /* micro labels */
  --aeolus-text-on-dark-dim: rgba(255, 255, 255, 0.42);   /* captions */

  --aeolus-text-on-light: #1A1916;
  --aeolus-text-on-light-body-strong: rgba(26, 25, 22, 0.78);
  --aeolus-text-on-light-body: rgba(26, 25, 22, 0.66);
  --aeolus-text-on-light-label: rgba(26, 25, 22, 0.48);
  --aeolus-text-on-light-dim: rgba(26, 25, 22, 0.42);

  --aeolus-text-on-gold: rgba(26, 18, 6, 0.72);           /* body on gold slide */
  --aeolus-text-on-gold-strong: rgba(26, 18, 6, 0.78);
  --aeolus-text-on-gold-label: rgba(26, 18, 6, 0.62);     /* markers on gold */

  /* gold accent alphas */
  --aeolus-gold-marker: rgba(243, 208, 106, 0.78);        /* 01/02/03 numerals */
  --aeolus-gold-label: rgba(243, 208, 106, 0.85);       /* gold label text */
  --aeolus-gold-glow: rgba(243, 208, 106, 0.30);          /* blurred glow rule */
  --aeolus-gold-border: rgba(243, 208, 106, 0.45);        /* CTA card border */
  --aeolus-gold-ring: rgba(243, 208, 106, 0.26);          /* selected tile inset ring */
  --aeolus-gold-fill: rgba(243, 208, 106, 0.12);          /* pill / slab fill */
  --aeolus-gold-wash: rgba(243, 208, 106, 0.09);          /* gold-tint card fill */

  /* ------------------------------------------------------------------
     TYPOGRAPHY
     Families: Zodiak (variable serif) = display; General Sans = body +
     ALL numerals; IBM Plex Mono = in-card labels/pills ONLY (never prose).
     ------------------------------------------------------------------ */
  --aeolus-font-display: 'Zodiak', Georgia, serif;
  --aeolus-font-sans: 'General Sans', system-ui, sans-serif;
  --aeolus-font-mono: 'IBMPlexMono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Deck-native scale (1920x1080 canvas). For web, use the 0.5x web scale
     below; the deck px are the source of truth for ratios. */
  --aeolus-fs-display-hero: 112px;  /* cover H1 (deck) */
  --aeolus-fs-display-xl: 88px;     /* partner cover H1 */
  --aeolus-fs-display-lg: 77px;     /* closing H2 */
  --aeolus-fs-h2: 69px;             /* section H2 */
  --aeolus-fs-h2-sm: 56px;          /* compact / light H2 */
  --aeolus-fs-lede: 30px;
  --aeolus-fs-body: 29px;
  --aeolus-fs-card-body: 24px;
  --aeolus-fs-label: 24px;
  --aeolus-fs-micro: 15px;

  /* Web scale (0.5x deck, rounded to the nearest sensible px) */
  --aeolus-web-fs-display-hero: 56px;
  --aeolus-web-fs-display-xl: 44px;
  --aeolus-web-fs-display-lg: 38px;
  --aeolus-web-fs-h2: 34px;
  --aeolus-web-fs-h2-sm: 28px;
  --aeolus-web-fs-lede: 20px;
  --aeolus-web-fs-body: 16px;
  --aeolus-web-fs-card-body: 15px;
  --aeolus-web-fs-label: 13px;
  --aeolus-web-fs-micro: 11px;

  /* Display type metrics — invariant across every heading in both decks */
  --aeolus-lh-display: 1.14;        /* H2s; cover H1 uses 1.12 */
  --aeolus-lh-hero: 1.12;
  --aeolus-ls-display: -0.015em;    /* ALL headings + ALL big numerals */
  --aeolus-ls-tight: -0.03em;       /* step-card titles only */

  /* Mono label metrics */
  --aeolus-ls-label: 0.1em;       /* 24px mono label tracking */
  --aeolus-ls-micro: 0.06em;        /* 15px micro-label tracking */
  --aeolus-ls-marker: 0.14em;       /* 01/02/03 numeral tracking */

  /* Body line-heights by role */
  --aeolus-lh-lede: 1.5;
  --aeolus-lh-body: 1.48;
  --aeolus-lh-body-light: 1.55;
  --aeolus-lh-card: 1.34;
  --aeolus-lh-stat: 1.14;           /* big numerals share display metrics */

  /* ------------------------------------------------------------------
     RADII — "harder but still slightly round"
     ------------------------------------------------------------------ */
  --aeolus-radius-card: 10px;       /* THE card radius (48x in sales deck) */
  --aeolus-radius-panel: 14px;      /* product-UI mockup shells only */
  --aeolus-radius-row: 11px;        /* findings-row tiles (inside 14px panels) */
  --aeolus-radius-tile: 8px;        /* inner/nested row tiles */
  --aeolus-radius-bar-lg: 6px;      /* stage bars */
  --aeolus-radius-rule: 5px;        /* numbered glow rule */
  --aeolus-radius-bar: 4px;         /* metric bars, label glow rule */
  --aeolus-radius-bar-sm: 3px;      /* quota bars, legend swatches */
  --aeolus-radius-pill: 999px;      /* pills, chips, ring plates */

  /* ------------------------------------------------------------------
     GLASS RECIPES (frosted cards) — see GlassCard.tsx for full recipes.
     Naming: fill + border + blur + shadow always travel together.
     ------------------------------------------------------------------ */
  /* dark glass */
  --aeolus-glass-hero-bg: rgba(255, 255, 255, 0.07);
  --aeolus-glass-hero-border: rgba(255, 255, 255, 0.20);
  --aeolus-glass-hero-blur: blur(26px) saturate(1.35);
  --aeolus-glass-hero-shadow: 0 50px 110px rgba(0, 0, 0, 0.50), inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 -1px 0 rgba(255, 255, 255, 0.06);

  --aeolus-glass-cta-bg: rgba(255, 255, 255, 0.12);
  --aeolus-glass-cta-border: rgba(243, 208, 106, 0.45);
  --aeolus-glass-cta-blur: blur(30px) saturate(1.4);
  --aeolus-glass-cta-shadow: 0 34px 78px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(255, 255, 255, 0.08);

  --aeolus-glass-dark-bg: rgba(255, 255, 255, 0.10);
  --aeolus-glass-dark-border: rgba(255, 255, 255, 0.22);
  --aeolus-glass-dark-blur: blur(18px) saturate(1.25);
  --aeolus-glass-dark-shadow: 0 36px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.28);

  --aeolus-glass-subtle-bg: rgba(255, 255, 255, 0.08);
  --aeolus-glass-subtle-border: rgba(255, 255, 255, 0.18);
  --aeolus-glass-subtle-blur: blur(18px) saturate(1.25);
  --aeolus-glass-subtle-shadow: 0 26px 58px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.24);

  --aeolus-glass-goldtint-bg: rgba(243, 208, 106, 0.09);
  --aeolus-glass-goldtint-border: rgba(243, 208, 106, 0.42);

  /* montage focus (top of the elevation ladder) */
  --aeolus-glass-focus-shadow: 0 60px 130px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  --aeolus-glass-back-shadow: 0 30px 70px rgba(0, 0, 0, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.20);

  /* nested tile (no backdrop-filter — hairline inset ring) */
  --aeolus-tile-bg: rgba(255, 255, 255, 0.05);
  --aeolus-tile-ring: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
  --aeolus-tile-selected-bg: rgba(255, 255, 255, 0.10);
  --aeolus-tile-selected-ring: inset 0 0 0 1px rgba(243, 208, 106, 0.26);

  /* light glass */
  --aeolus-glass-light-bg: rgba(255, 255, 255, 0.48);
  --aeolus-glass-light-border: rgba(255, 255, 255, 0.80);
  --aeolus-glass-light-blur: blur(26px) saturate(1.25);
  --aeolus-glass-light-shadow: 0 34px 70px rgba(26, 25, 22, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.95);

  --aeolus-glass-light-subtle-bg: rgba(255, 255, 255, 0.34);
  --aeolus-glass-light-subtle-border: rgba(255, 255, 255, 0.70);
  --aeolus-glass-light-subtle-blur: blur(20px);
  --aeolus-glass-light-subtle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);

  --aeolus-glass-light-card-bg: rgba(255, 255, 255, 0.44);
  --aeolus-glass-light-card-border: rgba(255, 255, 255, 0.76);
  --aeolus-glass-light-card-blur: blur(24px) saturate(1.2);
  --aeolus-glass-light-card-shadow: 0 28px 60px rgba(26, 25, 22, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);

  /* glass on gold surface (warm-tinted shadow — never black on light) */
  --aeolus-glass-gold-bg: rgba(255, 255, 255, 0.38);
  --aeolus-glass-gold-border: rgba(255, 255, 255, 0.72);
  --aeolus-glass-gold-blur: blur(22px) saturate(1.2);
  --aeolus-glass-gold-shadow: 0 26px 54px rgba(90, 50, 10, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);

  /* dark card inverted onto a light row */
  --aeolus-glass-inverted-bg: rgba(9, 12, 20, 0.95);
  --aeolus-glass-inverted-border: rgba(255, 255, 255, 0.12);
  --aeolus-glass-inverted-blur: blur(18px) saturate(1.25);
  --aeolus-glass-inverted-shadow: 0 36px 70px rgba(11, 14, 22, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.10);

  /* ------------------------------------------------------------------
     HAIRLINES & DIVIDERS
     ------------------------------------------------------------------ */
  --aeolus-hairline-on-dark: rgba(255, 255, 255, 0.12);      /* border-top rows */
  --aeolus-hairline-on-dark-strong: rgba(255, 255, 255, 0.16);
  --aeolus-hairline-on-dark-faint: rgba(255, 255, 255, 0.08);
  --aeolus-hairline-on-light: rgba(26, 25, 22, 0.10);
  --aeolus-hairline-bronze: linear-gradient(90deg, rgba(160, 102, 20, 0.55) 0%, rgba(160, 102, 20, 0.10) 100%);
  --aeolus-rule-gold: 2px solid rgba(243, 208, 106, 0.45);

  /* ------------------------------------------------------------------
     BACKGROUND LAYERS (the "fractal line" / sailcloth system)
     Compose in order: aurora -> sailcloth -> vignette -> noise.
     See AuroraBackground.tsx.
     ------------------------------------------------------------------ */
  --aeolus-aurora-dark: radial-gradient(58% 74% at 12% 24%, #1B4B6B 0%, rgba(27, 75, 107, 0) 62%), radial-gradient(64% 76% at 60% 98%, rgba(178, 58, 22, 0.58) 0%, rgba(178, 58, 22, 0) 72%), radial-gradient(54% 64% at 82% 14%, rgba(197, 145, 42, 0.52) 0%, rgba(197, 145, 42, 0) 70%), radial-gradient(60% 78% at 98% 62%, #0B1020 0%, rgba(11, 16, 32, 0) 66%), #070A12;
  /* Hero-only arrangement (owner ruling 2026-08-25, applied by Argus): rust lobe moved from bottom (60% 98%) to the top-right corner so the hero bottom stays pure night base and flows into the following dark section. Same lobes/colors as aurora-dark otherwise. */
  --aeolus-aurora-dark-hero: radial-gradient(58% 74% at 12% 24%, #1B4B6B 0%, rgba(27, 75, 107, 0) 62%), radial-gradient(48% 60% at 92% 8%, rgba(178, 58, 22, 0.58) 0%, rgba(178, 58, 22, 0) 68%), radial-gradient(54% 64% at 82% 14%, rgba(197, 145, 42, 0.52) 0%, rgba(197, 145, 42, 0) 70%), radial-gradient(60% 78% at 98% 62%, #0B1020 0%, rgba(11, 16, 32, 0) 66%), #070A12;
  --aeolus-aurora-dark-cool: radial-gradient(58% 74% at 12% 24%, #1B4B6B 0%, rgba(27, 75, 107, 0) 62%), radial-gradient(64% 76% at 60% 98%, rgba(27, 75, 107, 0.42) 0%, rgba(27, 75, 107, 0) 72%), radial-gradient(54% 64% at 82% 14%, rgba(197, 145, 42, 0.30) 0%, rgba(197, 145, 42, 0) 70%), radial-gradient(60% 78% at 98% 62%, #0B1020 0%, rgba(11, 16, 32, 0) 66%), #070A12;
  --aeolus-aurora-cream: radial-gradient(48% 62% at 82% 24%, #E8B44A 0%, rgba(232, 180, 74, 0) 64%), radial-gradient(44% 58% at 96% 76%, #C96A2E 0%, rgba(201, 106, 46, 0) 64%), radial-gradient(40% 54% at 62% 96%, #6E97B5 0%, rgba(110, 151, 181, 0) 66%), #F1EDE5;
  --aeolus-aurora-gold: radial-gradient(56% 74% at 88% 8%, #FFF0C4 0%, rgba(255, 240, 196, 0) 62%), radial-gradient(52% 66% at 12% 92%, #C96A2E 0%, rgba(201, 106, 46, 0) 64%), radial-gradient(46% 60% at 44% 34%, #E8B44A 0%, rgba(232, 180, 74, 0) 66%), #F3D06A;
  --aeolus-aurora-blur: blur(76px) saturate(1.2);
  --aeolus-aurora-blur-light: blur(80px) saturate(1.1);
  --aeolus-aurora-blur-gold: blur(80px) saturate(1.15);

  /* sailcloth texture: dark = overlay, light = soft-light. 13px period. */
  --aeolus-sailcloth-dark-strong: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0px, rgba(255, 255, 255, 0) 3px, rgba(0, 0, 0, 0.30) 8px, rgba(0, 0, 0, 0.05) 12px, rgba(255, 255, 255, 0.13) 13px);
  --aeolus-sailcloth-dark-soft: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0px, rgba(255, 255, 255, 0) 3px, rgba(0, 0, 0, 0.18) 8px, rgba(0, 0, 0, 0.03) 12px, rgba(255, 255, 255, 0.07) 13px);
  --aeolus-sailcloth-cream: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.60) 0px, rgba(255, 255, 255, 0) 4px, rgba(26, 25, 22, 0.06) 9px, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0.60) 13px);
  --aeolus-sailcloth-gold: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.42) 0px, rgba(255, 255, 255, 0) 4px, rgba(60, 30, 6, 0.12) 9px, rgba(255, 255, 255, 0) 12px, rgba(255, 255, 255, 0.42) 13px);

  /* vignette: hero (open center) / dense (content slides) / tight (closing) */
  --aeolus-vignette-hero: radial-gradient(ellipse 96% 78% at 46% 50%, rgba(7, 10, 18, 0) 34%, rgba(7, 10, 18, 0.62) 100%);
  --aeolus-vignette-dense: radial-gradient(ellipse 104% 88% at 50% 44%, rgba(7, 10, 18, 0.36) 0%, rgba(7, 10, 18, 0.92) 100%);
  --aeolus-vignette-tight: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(7, 10, 18, 0.55) 0%, rgba(7, 10, 18, 0.82) 100%);

  /* fractal noise grain (dark surfaces only; opacity 0.10 dense / 0.13 / 0.15 hero) */
  --aeolus-noise-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22180%22 height=%22180%22%3E%3Cfilter id=%22ng%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22180%22 height=%22180%22 filter=%22url(%23ng)%22/%3E%3C/svg%3E');

  /* scroll-fade overlays are keyed to the interior surface #0B0E16 */
  --aeolus-fade-bottom: linear-gradient(180deg, rgba(11, 14, 22, 0) 0%, rgba(11, 14, 22, 0.72) 100%);
  --aeolus-fade-right: linear-gradient(90deg, rgba(11, 14, 22, 0) 0%, rgba(11, 14, 22, 0.62) 100%);

  /* ------------------------------------------------------------------
     GLOW RULES (the blurred bar after labels / markers)
     ------------------------------------------------------------------ */
  --aeolus-glowrule-neutral: rgba(255, 255, 255, 0.20);   /* h7 r4 blur(3px) */
  --aeolus-glowrule-gold: rgba(243, 208, 106, 0.30);      /* h10 r5 blur(4px) */

  /* ------------------------------------------------------------------
     SCORE RING (viewBox 0 0 350 350, rotate -90deg)
     ------------------------------------------------------------------ */
  --aeolus-ring-track: rgba(255, 255, 255, 0.08);
  --aeolus-ring-plate-bg: rgba(197, 145, 42, 0.12);
  --aeolus-ring-plate-border: rgba(200, 154, 58, 0.28);
  --aeolus-ring-plate-bg-sage: rgba(142, 196, 164, 0.12);
  --aeolus-ring-plate-border-sage: rgba(142, 196, 164, 0.28);

  /* ------------------------------------------------------------------
     MISC
     ------------------------------------------------------------------ */
  --aeolus-avatar-border: 3px solid rgba(255, 255, 255, 0.85);
  --aeolus-avatar-shadow: 0 8px 20px rgba(26, 25, 22, 0.18);
  --aeolus-logo-mute: brightness(0);           /* + opacity 0.55, on light */
  --aeolus-logo-mute-dark: brightness(0) invert(1); /* + opacity 0.85, on dark */
}