/* ============================================================================
   Rockhopper Sports — umbrella brand tokens (the shared chassis)
   ----------------------------------------------------------------------------
   Source of truth: the Rockhopper Sports brand card.
     Palette:  #0D0D0D near-black  ·  #FFC800 gold  ·  #800020 burgundy
     Tagline:  "AI for Sports"
     Mark:     three rising gold crest blades + a burgundy accent
     Wordmark: wide, geometric, uppercase (display font below is an approximation
               of the card's wordmark — swap if the official typeface differs)

   The umbrella marketing site and any lane that inherits the family palette pulls
   from here. Lanes MAY keep their own product design system (Scout does) but
   should stay in this family. Don't fork random hex; extend these.

   Vanilla CSS, no build step (house chassis pattern).
   ========================================================================== */

:root {
  /* ── Core palette (EXACT brand-card values) ───────────────────────────── */
  --rh-black:#0D0D0D;        /* base / canvas */
  --rh-gold:#FFC800;         /* primary accent — energy, the crest */
  --rh-burgundy:#800020;     /* secondary accent — UNIFIED across all products (umbrella always) */
  --rh-steel:#5A5F63;        /* Scout AI accent (reticle) */

  /* ── Derived shades (kept in-family) ──────────────────────────────────── */
  --rh-gold-deep:#E0A800;    /* gold hover/press */
  --rh-gold-soft:#FFE48A;    /* gold tint on dark */
  --rh-burgundy-bright:#A8002A;
  --rh-ink-on-gold:#0D0D0D;  /* text that sits on gold */
  --rh-ink-on-burgundy:#FFFFFF;

  --rh-surface-1:#141414;    /* raised card on black */
  --rh-surface-2:#1C1C1C;
  --rh-surface-3:#262626;
  --rh-line:#2A2A2A;
  --rh-line-strong:#3A3A3A;

  --rh-paper:#FFFFFF;
  --rh-text:#F2F2F2;         /* primary text on dark */
  --rh-text-2:#B9B9B9;       /* secondary text on dark */
  --rh-muted:#7E7E7E;        /* muted text on dark */
  --rh-text-on-light:#0D0D0D;

  /* ── Semantic aliases (use these in markup) ───────────────────────────── */
  --rh-bg:var(--rh-black);
  --rh-surface:var(--rh-surface-1);
  --rh-brand:var(--rh-gold);
  --rh-accent:var(--rh-burgundy);

  /* ── Type ─────────────────────────────────────────────────────────────── */
  /* Display = wide geometric (wordmark/hero). Body = Inter. */
  --rh-display:'Oxanium','Michroma',system-ui,sans-serif;  /* free Ethnocentric look-alike */
  --rh-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;

  /* ── Geometry — sharp/athletic; small radii ───────────────────────────── */
  --rh-r:10px; --rh-r-ctrl:6px; --rh-r-chip:999px;

  /* ── Voice ────────────────────────────────────────────────────────────── */
  /* Tagline: "AI for Sports" */
}