/* ============================================================================
   Ownfri assessment — Blueprint design tokens (single source of truth)
   ----------------------------------------------------------------------------
   Linked by every assessment page. Do not hardcode hex in component CSS —
   reference the variables below. The "compatibility aliases" block maps the
   old palette token names (--pine, --green, --paper, …) onto Blueprint values
   so existing component CSS inherits the new system without a full rewrite.

   VISUAL ONLY: this file changes look, never scoring logic or the Apps Script
   backend.

   Colours
     Ink        #102A43  primary dark · body text · dark sections
     Ink deep   #0B2236  footers / deepest panels
     Blueprint  #2D6CA4  links, rules, secondary structure
     Bone       #EDF1F5  light background (a COOL off-white — never warm cream)
     Signal     #EC7524  accent: CTAs, key marks, win states ONLY
   ============================================================================ */

:root {
  /* --- Blueprint core palette --- */
  --ink:        #102A43;
  --ink-deep:   #0B2236;
  --blue:       #2D6CA4;
  --bone:       #EDF1F5;
  --signal:     #EC7524;
  --signal-dk:  #D8651A;

  --ink-72:  rgba(16, 42, 67, .72);
  --ink-60:  rgba(16, 42, 67, .60);
  --ink-50:  rgba(16, 42, 67, .50);
  --ink-45:  rgba(16, 42, 67, .45);
  --ink-20:  rgba(16, 42, 67, .20);
  --ink-12:  rgba(16, 42, 67, .12);

  --bone-74: rgba(237, 241, 245, .74);
  --bone-50: rgba(237, 241, 245, .50);
  --bone-42: rgba(237, 241, 245, .42);
  --bone-14: rgba(237, 241, 245, .14);

  --signal-12: rgba(236, 117, 36, .12);
  --signal-10: rgba(236, 117, 36, .10);

  --grid: rgba(96, 156, 206, .13);
  --card: #ffffff;

  /* --- Type --- */
  --display: "Archivo", system-ui, -apple-system, sans-serif;
  --sans:    "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --ease: cubic-bezier(.22, .61, .36, 1);

  /* ==========================================================================
     COMPATIBILITY ALIASES — old token names → Blueprint values.
     ========================================================================== */
  --pine:        var(--ink);        /* primary text/dark */
  --green:       var(--signal);     /* win / primary action → Signal */
  --green-deep:  var(--signal-dk);
  --green-tint:  var(--signal-10);  /* selected option fill */
  --paper:       var(--bone);       /* page background */
  --amber:       var(--blue);       /* secondary accent → structural blue */
  --hair:        var(--ink-12);
  --hair-strong: var(--ink-20);
  /* --card already defined above as #fff (was #FFFFFF) */
}