/* ==========================================================================
   ASKA 2.0 tokens  ·  aska-tokens.css
   The single source for colour, type and spacing on every ASKA surface:
   website, documents, decks, social and Tungsten.
   Every hex is defined here once. Downstream files use the variables.
   Retired values (do not reintroduce): bone #faf8f3 as a ground,
   gold deep #8c7042, olive #a1b14c, warm bone theme, Playfair Display, DM Sans.
   ========================================================================== */

:root{
  /* ---- Core palette ---------------------------------------------------- */
  --aska-navy:       #002147;  /* structure, headings, covers, calls to action */
  --aska-charcoal:   #312f30;  /* body text and the wordmark */
  --aska-gold:       #a1814c;  /* the single accent; graphic use on light grounds */
  --aska-gold-ink:   #7a5c2c;  /* small gold text on white and cream (6.2 / 5.4) */
  --aska-gold-light: #c9a36b;  /* gold text and lines on navy and graphite (6.8 / 7.8) */
  --aska-white:      #ffffff;  /* document pages and print */
  --aska-cream:      #f4efe3;  /* screen ground; panels in documents */
  --aska-graphite:   #0d1524;  /* the brand black; Tungsten and imagery ground */
  --aska-muted:      #6a635a;  /* captions and labels */

  /* ---- Derived lines and tints (from the ground they sit on) ----------- */
  --aska-line-on-white:  #e4dfd4;
  --aska-line-on-cream:  #ddd5c3;
  --aska-line-on-navy:   rgba(255,255,255,.18);
  --aska-line-on-graphite: rgba(255,255,255,.14);
  --aska-text-on-dark:   #ffffff;
  --aska-muted-on-dark:  #b9c3cf;

  /* ---- Type ------------------------------------------------------------ */
  --aska-display: "Source Serif 4 Display", "Source Serif 4", Georgia, serif;   /* 300 to 400 */
  --aska-serif:   "Source Serif 4", Georgia, serif;                            /* lead lines */
  --aska-sans:    "Inter Tight", Arial, sans-serif;                            /* body, interface, tables */
  --aska-mono:    "JetBrains Mono", Consolas, "SF Mono", monospace;            /* every figure, unit, ID */

  /* ---- Scale (1.25 step, 8 px rhythm) ---------------------------------- */
  --aska-step--1: 0.8rem;
  --aska-step-0:  1rem;
  --aska-step-1:  1.25rem;
  --aska-step-2:  1.563rem;
  --aska-step-3:  1.953rem;
  --aska-step-4:  2.441rem;
  --aska-step-5:  3.052rem;
  --aska-space:   8px;

  /* ---- Lines and charts ------------------------------------------------ */
  --aska-hairline: 1px;
  --aska-chart-stroke: 1.25px;  /* fine line only; no blocks or steps */
}

/* ---- Colourway helpers --------------------------------------------------
   PAPER       documents: white page, cream panels
   SCREEN      website and decks: cream ground
   DEEP        covers and section bands: navy
   INSTRUMENT  Tungsten and imagery: graphite
   Apply one class to a section or page. Gold appears once or twice per
   page or screen, never as a fill behind text.                            */
.aska-paper     { background:var(--aska-white);    color:var(--aska-charcoal); --aska-accent:var(--aska-gold-ink);   --aska-line:var(--aska-line-on-white); }
.aska-screen    { background:var(--aska-cream);    color:var(--aska-charcoal); --aska-accent:var(--aska-gold-ink);   --aska-line:var(--aska-line-on-cream); }
.aska-deep      { background:var(--aska-navy);     color:var(--aska-white);    --aska-accent:var(--aska-gold-light); --aska-line:var(--aska-line-on-navy); }
.aska-instrument{ background:var(--aska-graphite); color:var(--aska-white);    --aska-accent:var(--aska-gold-light); --aska-line:var(--aska-line-on-graphite); }