/* ── NicheRank color system ──────────────────────────────────────────
   Base palette (raw values) + semantic aliases. Gold is scarce: reserve
   it for CTAs, key metrics and #1 rank moments — never large surfaces. */
:root {
  /* Brand core */
  --navy-900: #0B1B33;   /* deep navy — dark bands, hero, footer */
  --navy-800: #12294A;   /* navy step for layering inside dark bands */
  --navy-700: #1B3A63;   /* hairlines / borders on dark */

  /* Accents */
  --gold-500: #D4A537;   /* electric gold — CTAs, metrics, #1 */
  --gold-600: #BC9130;   /* gold hover (~8% darker) */
  --gold-100: #F3E6C4;   /* faint gold tint for washes */
  --teal-500: #1FB6A6;   /* signal teal — dental/medical, positive data */
  --teal-600: #199789;   /* teal hover */

  /* Neutrals */
  --offwhite: #F8F7F4;   /* warm page background */
  --white:    #FFFFFF;   /* card band surface */
  --ink-900:  #16181D;   /* body text */
  --gray-500: #6B7280;   /* supporting / eyebrow text */
  --gray-300: #A7ABB3;   /* muted on light */
  --hairline: #E5E3DD;   /* hairline borders on light */
  --hairline-dark: rgba(255,255,255,0.12); /* hairline on navy */

  /* Per-vertical identity tints (subtle: card top-borders, icon strokes, hover) */
  --legal: #7C2D2D;      /* oxblood */
  --legal-tint: #F3E7E5;
  --finance: #1E5E45;    /* forest */
  --finance-tint: #E4EEE9;
  --medical: #1FB6A6;    /* teal */
  --medical-tint: #E2F4F1;

  /* ── Semantic aliases ── */
  --page-bg: var(--offwhite);
  --surface-card: var(--white);
  --surface-dark: var(--navy-900);
  --text-body: var(--ink-900);
  --text-muted: var(--gray-500);
  --text-on-dark: #EDEFF3;
  --text-muted-on-dark: #9FB0C6;
  --border-hairline: var(--hairline);

  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --accent-contrast: var(--ink-900);   /* text on gold */
  --positive: var(--teal-500);

  --cta-bg: var(--gold-500);
  --cta-bg-hover: var(--gold-600);
  --cta-text: var(--ink-900);
}