/* Wealth Innovations — Color tokens
   Base palette sampled directly from brand mark + Keynote master deck
   (the seven-segment color wheel + navy/ink used across slides). */
:root {
  /* Base — brand spectrum (mirrors the wordmark wheel, red-orange → navy) */
  --wi-red-orange: #F55A00;
  --wi-amber: #FFA101;
  --wi-gold: #FFD100;
  --wi-yellow: #FFEA01;
  --wi-sky: #14A3FF;
  --wi-blue: #0075DC;
  --wi-navy-blue: #0043AE;

  /* Base — navy / ink (headlines, dark sections, disclosures) */
  --wi-navy-900: #0B2545;
  --wi-navy-800: #123963;
  --wi-navy-700: #1A4A7A;

  /* Base — neutrals */
  --wi-ink: #1F2226;
  --wi-gray-700: #4A5462;
  --wi-gray-500: #7C8794;
  --wi-gray-300: #C9D0D8;
  --wi-gray-200: #E4E8ED;
  --wi-gray-100: #F2F4F7;
  --wi-white: #FFFFFF;

  /* Semantic — text */
  --text-heading: var(--wi-navy-900);
  --text-body: var(--wi-ink);
  --text-muted: var(--wi-gray-700);
  --text-faint: var(--wi-gray-500);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #AFC3DA;

  /* Semantic — surfaces */
  --surface-page: var(--wi-white);
  --surface-muted: var(--wi-gray-100);
  --surface-card: var(--wi-white);
  --surface-dark: var(--wi-navy-900);
  --surface-border: var(--wi-gray-200);

  /* Semantic — accents / actions */
  --accent-primary: var(--wi-blue);
  --accent-primary-hover: var(--wi-navy-blue);
  --accent-secondary: var(--wi-amber);
  --accent-tertiary: var(--wi-gold);
  --accent-critical: var(--wi-red-orange);

  /* Semantic — links */
  --link: var(--wi-blue);
  --link-hover: var(--wi-navy-blue);
  --link-on-dark: var(--wi-sky);
  --link-on-dark-hover: #66C2FF;

  /* Data / chart palette — order used for pies, bars, stat callouts */
  --chart-1: var(--wi-navy-900);
  --chart-2: var(--wi-blue);
  --chart-3: var(--wi-sky);
  --chart-4: #93B9DA;
  --chart-5: var(--wi-amber);
  --chart-6: var(--wi-gold);

  /* The "Horizon" brand bar tiers (navy base + sky/amber top). The legacy
     full-spectrum ramp is kept below for reference only — do not use it as
     the brand bar; use the SpectrumDivider (Horizon) component instead. */
  --spectrum-gradient: linear-gradient(
    90deg,
    var(--wi-red-orange) 0%,
    var(--wi-amber) 16%,
    var(--wi-gold) 33%,
    var(--wi-yellow) 50%,
    var(--wi-sky) 62%,
    var(--wi-blue) 80%,
    var(--wi-navy-blue) 100%
  );
}