/* Croozn semantic palette. Base ramps live in fig-tokens.css (generated straight
   from the Figma Variable collections). These are the human-readable aliases the
   app screens actually reach for. Every hex is a verbatim Figma value. */

:root{
  /* ── Named ramps (mirrors of the Figma primitives, kebab-cased for authoring) */
  --croozn-galaxy:rgb(88,26,255);      /* primary purple — brand core */
  --croozn-galaxy-1:rgb(118,68,255);   /* the purple used on buttons + app bg */
  --croozn-galaxy-2:rgb(138,95,255);
  --croozn-galaxy-3:rgb(171,140,255);
  --croozn-galaxy-4:rgb(188,163,255);
  --croozn-galaxy-5:rgb(222,209,255);
  --croozn-galaxy-tone1:rgb(71,20,210);
  --croozn-galaxy-tone2:rgb(52,15,153);

  --croozn-midnight:rgb(19,18,58);     /* dark surface */
  --croozn-midnight-1:rgb(46,45,81);
  --croozn-midnight-2:rgb(90,89,117);
  --croozn-midnight-3:rgb(161,160,176);
  --croozn-midnight-4:rgb(208,208,216);
  --croozn-midnight-5:rgb(231,231,235);

  --croozn-aero:rgb(38,196,244);       /* cyan — secondary / logo smile */
  --croozn-aero-1:rgb(102,215,244);
  --croozn-aero-2:rgb(168,231,251);
  --croozn-aero-3:rgb(212,243,253);
  --croozn-aero-4:rgb(233,249,254);
  --croozn-aero-logo:rgb(0,201,249);   /* exact cyan of the wordmark arcs */

  --croozn-boost:rgb(110,227,15);      /* lime — correct / go */
  --croozn-boost-1:rgb(139,233,63);
  --croozn-boost-tone1:rgb(92,187,15);

  --croozn-rogue:rgb(237,27,49);       /* red — incorrect / stop */
  --croozn-rogue-1:rgb(241,73,90);
  --croozn-rogue-tone1:rgb(206,14,34);

  --croozn-ultra:rgb(255,0,198);       /* magenta — streaks, road accents */
  --croozn-ultra-300:rgb(255,179,244);
  --croozn-ultra-500:rgb(255,128,227);

  --croozn-spark:rgb(229,255,0);       /* acid yellow — XP highlight */
  --croozn-torque:rgb(249,168,26);     /* amber — fuel-up / bonus */
  --croozn-clutch:rgb(239,234,242);    /* off-white surface */
  --croozn-white:rgb(255,255,255);

  /* ── Semantic aliases */
  --brand-primary:var(--croozn-galaxy);
  --brand-primary-bright:var(--croozn-galaxy-1);
  --brand-secondary:var(--croozn-aero);

  --surface-app:var(--croozn-galaxy-1);        /* full-screen purple game field */
  --surface-dark:var(--croozn-midnight);
  --surface-light:var(--croozn-clutch);
  --surface-card:var(--croozn-white);
  --surface-card-dark:var(--croozn-midnight-1);
  --surface-chip:rgba(255,255,255,0.6);        /* frosted HUD chips */
  --surface-chip-dim:rgba(255,255,255,0.4);
  --surface-scrim:rgba(19,18,58,0.6);

  --text-on-dark:var(--croozn-white);
  --text-on-light:var(--croozn-midnight);
  --text-muted-on-dark:rgba(255,255,255,0.6);
  --text-muted-on-light:var(--croozn-midnight-2);

  --state-correct:var(--croozn-boost);
  --state-incorrect:var(--croozn-rogue);
  --state-selected:var(--croozn-ultra);
  --state-locked:var(--croozn-midnight-1);
  --state-bonus:var(--croozn-torque);
  --state-xp:var(--croozn-spark);

  --freshness-fresh:var(--croozn-boost);
  --freshness-decaying:var(--croozn-torque);
  --freshness-dead:var(--croozn-rogue);

  --border-hairline:rgba(255,255,255,0.2);
  --border-strong:var(--croozn-white);

  /* Link colours — no links appear in the source; these follow the palette. */
  --link:var(--croozn-aero);
  --link-hover:var(--croozn-aero-1);
}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline}