/* web/tokens.css · the operational tokens, one file (16 oct 2026)
 *
 * The operational :root of the maki-design skill's tokens.css
 * (~/.claude/skills/maki-design/tokens.css), the values byte for byte.
 * Every page under web/ links this file before its own <style> and keeps
 * only what is its own (a page width, a gutter, a hold fill).
 * The faces: JetBrains Mono is self-hosted from /fonts/ (the skill's two
 * OFL .woff2 files, JetBrainsMono-OFL.txt beside them), declared once
 * below (lane H, 18 oct 2026: the skill's hosting rule, never a font cdn
 * for the mono). Archivo loads from Google Fonts in each page head, as the
 * skill allows.
 * A change here is a change to the skill first. Fix both in one sitting.
 */

/* JetBrains Mono · SIL OFL 1.1 · the official web files, from the skill */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Variable.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-VariableItalic.woff2') format('woff2');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

/* ── operational · Nevil, Aarohi, the kitchen ──────────── */
:root {
  --ink:         #102A38;
  --ink-2:       #4C6472;            /* secondary text, 6.2:1 on white */
  --ink-3:       #8A9AA4;            /* 2.9:1 on white: a line, never text */
  --paper:       #FFFFFF;
  --paper-1:     #F4F8FA;
  --paper-2:     #E9EFF3;
  --rule:        #D3DDE3;
  --rule-strong: #B4C2CB;

  --urgent:      #C81E14;
  --urgent-bg:   #FBE9E7;
  --watch:       #996100;
  --watch-bg:    #FFF3DE;
  --ok:          #2A7340;
  --ok-bg:       #E7F3EA;

  --dijon:       #FDAA1C;            /* the wordmark only */

  --r-2:         8px;                /* controls */
  --r-3:         12px;               /* overlays */

  --ease:        cubic-bezier(0.2, 0, 0, 1);
  --fast:        120ms;
  --base:        160ms;

  --sans:        'Archivo', system-ui, -apple-system, sans-serif;
  --mono:        'JetBrains Mono', ui-monospace, Menlo, monospace;
}

/* ── shared habits ─────────────────────────────────────── */
.maki-wordmark {
  font-family: var(--sans);
  font-weight: 600;
  font-stretch: 112%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.maki-num {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}