/* ============================================================
   Better Being — Color tokens
   ONE system: a shared global spine + two sealed accent
   territories (Navy masterbrand, Espresso events sub-brand).
   The two never appear in the same composition; they meet
   only across the shared ink-black floor.
   ============================================================ */

:root {
  /* ---------------------------------------------------------
     1. GLOBAL / SHARED — the bridge (identical in both worlds)
     --------------------------------------------------------- */
  --bb-ink: #08090C;              /* page floor — every surface, both worlds */
  --bb-ink-raised: #0E0F13;       /* neutral elevation on the floor — global nav, world-agnostic cards */

  /* Off-white + opacity steps (neutrals are NOT separate greys) */
  --bb-text: #F5F4F0;             /* headlines + body on dark */
  --bb-text-secondary: rgba(245, 244, 240, 0.62); /* supporting copy */
  --bb-text-tertiary: rgba(245, 244, 240, 0.42);  /* labels, captions, metadata */
  --bb-hairline: rgba(245, 244, 240, 0.12);       /* borders, dividers */
  --bb-hairline-strong: rgba(245, 244, 240, 0.20);/* heavier dividers, focus rings on dark */

  /* ---------------------------------------------------------
     2. WORLD A — NAVY · the masterbrand
     Expression name: "PERFORMANCE BLUE"
     Corporate · 100-day program · individual sales · landing · B2C · B2B · decks
     "Precision. Data intelligence. Athletic edge. Never wellness."
     --------------------------------------------------------- */
  --navy-field: #080D18;          /* deep void — primary background */
  --navy-field-raised: #0F1E3A;   /* navy black — cards, panels, elevated surfaces */
  --navy-depth: #1B3A6B;          /* deep blue — surface/card, gradients, depth, inactive */

  --navy-accent: #2E6FBF;         /* electric blue — masterbrand signature; links, active states */
  --navy-accent-hover: #3F82D4;   /* hover / active for blue accent */
  --navy-signal: #7EC8E3;         /* ice blue — DATA AS SIGNAL ONLY (curves, freq marks, live) */

  --navy-cta: #A8F0C6;            /* mint signal — the single forward action / CTA / alert */
  --navy-cta-hover: #B9F4D2;      /* mint hover */
  --navy-cta-ink: #08090C;        /* text on mint CTA */
  --navy-type: #FFFFFF;           /* primary type in Performance Blue (pure white) */

  /* Signature gradients — Performance Blue */
  --grad-depth-field: linear-gradient(135deg, #080D18 0%, #0F1E3A 55%, #1B3A6B 100%);   /* @kind color */
  --grad-signal-spectrum: linear-gradient(90deg, #1B3A6B 0%, #2E6FBF 50%, #7EC8E3 100%); /* @kind color */

  /* ---------------------------------------------------------
     3. WORLD B — ESPRESSO · the events sub-brand (SEALED)
     Expression name: "BURGUNDY PRESTIGE"
     Events · Hotels · Tourism · Hospitality
     "Earned authority. Premium warmth. Fierce and grounded."
     --------------------------------------------------------- */
  --espresso-field: #0D0604;          /* deep espresso — primary background */
  --espresso-field-raised: #1C0F0A;   /* dark chocolate — secondary bg / panels */
  --espresso-ember: #3D1A12;          /* ember brown — surface / card */
  --espresso-burgundy: #59171B;       /* burgundy — primary brand accent / structural tone */

  --espresso-accent: #C4943A;         /* warm amber — prestige signal + forward action (CTA) */
  --espresso-accent-hover: #D4A64E;   /* amber hover */
  --espresso-accent-ink: #1C0F0A;     /* text on amber CTA */

  --espresso-heading: #F5EDE4;        /* cream — primary type in Burgundy Prestige */
  --espresso-type-warm: #E8C4A0;      /* warm blush — secondary type in Burgundy Prestige */

  /* Signature gradients — Burgundy Prestige */
  --grad-espresso-depth: linear-gradient(135deg, #0D0604 0%, #1C0F0A 55%, #3D1A12 100%); /* @kind color */
  --grad-fierce-spectrum: linear-gradient(90deg, #59171B 0%, #C4943A 100%);              /* @kind color */

  /* ---------------------------------------------------------
     4. FUNCTIONAL — forms & states (use sparingly)
     --------------------------------------------------------- */
  --bb-success: #A8F0C6;          /* confirmation (reuses navy mint) */
  --bb-error: #8B3A3A;            /* form validation, destructive actions */
  --bb-warning: #C97B3F;          /* pending — close to espresso amber; only inside navy forms */

  /* ---------------------------------------------------------
     SEMANTIC ALIASES — default to the GLOBAL / NAVY masterbrand.
     Scope to [data-territory="espresso"] to enter the events world.
     --------------------------------------------------------- */
  --surface-floor: var(--bb-ink);
  --surface-raised: var(--bb-ink-raised);
  --surface-field: var(--navy-field);
  --surface-card: var(--navy-field-raised);
  --surface-depth: var(--navy-depth);

  --text-primary: var(--bb-text);
  --text-body: var(--bb-text-secondary);
  --text-muted: var(--bb-text-tertiary);
  --border-hairline: var(--bb-hairline);

  --accent: var(--navy-accent);
  --accent-hover: var(--navy-accent-hover);
  --signal: var(--navy-signal);
  --cta: var(--navy-cta);
  --cta-hover: var(--navy-cta-hover);
  --cta-ink: var(--navy-cta-ink);
}

/* ---------------------------------------------------------
   TERRITORY SCOPES
   Wrap any subtree to switch worlds. The floor + text + Sailec
   stay constant; only the field + accent + CTA family change.
   --------------------------------------------------------- */
[data-territory="navy"] {
  --surface-field: var(--navy-field);
  --surface-card: var(--navy-field-raised);
  --surface-depth: var(--navy-depth);
  --accent: var(--navy-accent);
  --accent-hover: var(--navy-accent-hover);
  --signal: var(--navy-signal);
  --cta: var(--navy-cta);
  --cta-hover: var(--navy-cta-hover);
  --cta-ink: var(--navy-cta-ink);
}

[data-territory="espresso"] {
  --surface-field: var(--espresso-field);
  --surface-card: var(--espresso-ember);     /* ember brown is the card tone */
  --surface-depth: var(--espresso-burgundy);
  --accent: var(--espresso-accent);
  --accent-hover: var(--espresso-accent-hover);
  --signal: var(--espresso-accent);   /* no ice-blue in events; signal collapses to amber */
  --cta: var(--espresso-accent);
  --cta-hover: var(--espresso-accent-hover);
  --cta-ink: var(--espresso-accent-ink);
  /* Burgundy Prestige runs WARM type (cream + warm blush), departing from the
     shared off-white. This is the one place the bridge bends — see governance. */
  --text-primary: var(--espresso-heading);
  --text-body: var(--espresso-type-warm);
}