/* ============================================================
   BridgeQuest — Brand Tokens (LOCKED PRODUCTION THEME)
   "Aurora Night"  ·  copy verbatim into the Django global stylesheet
   ============================================================ */
:root {
  /* — Surfaces (dark) — */
  --bg:        #17122a;
  --bg-2:      #1d1736;
  --surface:   #241d40;
  --surface-2: #2c2450;
  --surface-3: #362c60;

  /* — Ink — */
  --ink:       #f6f2ff;
  --ink-mute:  #b6abdd;
  --ink-faint: #8a7fb8;
  --line:      rgba(255,255,255,.10);
  --line-2:    rgba(255,255,255,.16);

  /* — Brand accents — */
  --c-coral:  #ff6e5e;   /* primary */
  --c-amber:  #ffc24b;
  --c-mint:   #2fe0ad;
  --c-violet: #a982ff;
  --c-sky:    #4cc6ff;
  --primary:  var(--c-coral);

  /* — Ethics-dial accent mapping (1 colour per dial) — */
  --dial-accuracy:     var(--c-sky);
  --dial-fairness:     var(--c-mint);
  --dial-rights:       var(--c-violet);
  --dial-transparency: var(--c-amber);
  --dial-timeliness:   var(--c-coral);

  /* — Logo gradient — */
  --brand-grad: linear-gradient(140deg, #ff6e5e 0%, #f25f86 52%, #9b6bff 100%);

  /* — Type — */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif; /* 800 */
  --font-ui:      "Outfit", system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  /* — Radii — */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;

  /* — Elevation — */
  --shadow-card: 0 18px 40px -18px rgba(0,0,0,.7);
  --shadow-pop:  0 30px 70px -20px rgba(0,0,0,.8);

  /* — Motion — */
  --ease-spring: cubic-bezier(.34,1.3,.5,1);
}