/* FREE 90 — Color tokens
   Sampled from the brand badge/poster artwork.
   Signature: deep navy field, goldenrod accent rules/chevrons, warm off-white type, warm paper. */
:root {
  /* --- Navy (primary brand dark) --- */
  --navy-950: #030E1F; /* deepest ink navy */
  --navy-900: #04162C; /* PRIMARY brand navy — hero + dark sections */
  --navy-800: #0A2140; /* raised surface on navy (cards, panels) */
  --navy-700: #14304F; /* hairline borders / dividers on navy */
  --navy-600: #23446A; /* muted lines, disabled on navy */

  /* --- Gold (accent) --- */
  --gold-400: #F4C64B; /* light gold / highlight */
  --gold-500: #EDB529; /* PRIMARY digital gold — rules, chevrons, accents */
  --gold-600: #D89C2B; /* deeper amber — hover / press / embroidery */
  --gold-700: #B8801E; /* darkest gold — text on light, pressed */

  /* --- Paper & light neutrals --- */
  --paper-000: #FAF7F3; /* lightest paper */
  --paper-100: #F3EFEB; /* PRIMARY warm paper — light sections */
  --paper-200: #EAE4DC; /* deeper paper / subtle fills */
  --paper-300: #DED6CB; /* borders / dividers on paper */

  /* --- Whites & inks --- */
  --white-pure: #FFFFFF;
  --white: #EFEFEE;     /* warm off-white — type on navy */
  --ink-900: #04162C;   /* navy used as body ink on paper */
  --ink-700: #34404F;   /* secondary text on paper */
  --ink-500: #6B7686;   /* muted / captions on paper */

  /* --- Support --- */
  --qloo: #FFFFFF;      /* "Powered by Qloo" lockup renders in white on navy */

  /* --- Semantic aliases --- */
  --bg-dark: var(--navy-900);
  --bg-paper: var(--paper-100);
  --surface-dark: var(--navy-800);
  --surface-paper: var(--paper-000);

  --text-on-dark: var(--white);
  --text-on-dark-dim: rgba(239,239,238,0.62);
  --text-on-paper: var(--ink-900);
  --text-on-paper-dim: var(--ink-500);

  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --accent-on-paper: var(--gold-700);

  --line-on-dark: rgba(239,239,238,0.14);
  --line-on-dark-strong: rgba(239,239,238,0.28);
  --line-on-paper: rgba(4,22,44,0.14);
  --line-on-paper-strong: rgba(4,22,44,0.30);

  --focus-ring: var(--gold-500);
}