/**
 * VicReturns MVP - Design Tokens
 *
 * Single source of truth for brand colors, defined as global CSS custom
 * properties on :root. Loaded first (before any other theme stylesheet)
 * so every other file can reference these instead of repeating hex codes.
 *
 * Previously, several files referenced var(--Brand-Primary-Alt, ...) etc.
 * but the only real definition lived in search-results.css, scoped to
 * .search-results-page and in a different case (--brand-primary-alt vs
 * --Brand-Primary-Alt). Since custom property names are case-sensitive,
 * every one of those var() calls silently fell back to its hardcoded
 * fallback value, everywhere, always. This file replaces that with one
 * real, global, consistently-named set of tokens.
 *
 * --color-secondary-s1 and --color-secondary-s3 fill gaps in the
 * S1-S4 ramp inferred from surrounding values (S2/S4 were already named
 * in code); verify against the source Figma file if that ramp is ever
 * extended.
 */

:root {
  /* Brand */
  --color-brand-primary: #052E5E;
  --color-brand-primary-alt: #004C97;
  --color-brand-secondary: #FF8200;
  --color-brand-secondary-alt: #F06E00;
  --color-brand-tertiary: #BCE8CA;

  /* Primary ramp (blue tints, darkest to lightest) */
  --color-primary-p4: #4377C4;
  --color-primary-p6: #7AACFD;
  --color-primary-p7: #A9C7FF;
  --color-primary-p8: #D6E3FF;
  --color-primary-p9: #FDFBFF;

  /* Secondary ramp (orange/brown tints, darkest to lightest) */
  --color-secondary-s1: #301400;
  --color-secondary-s2: #6E390D;
  --color-secondary-s3: #FFB785;
  --color-secondary-s4: #FFE7D8;

  /* Tertiary */
  --color-tertiary-2-t3: #CEBDFE;

  /* Neutral */
  --color-background: #ECF0FF;
}