/*
  tokens.css is the only file that may hold colour literals.
  Provenance: every value below is a real pixel read from brand/ and reference/ assets.
  Method: k-means (k=4..5, every 37th pixel) over the decoded pixels, each centroid snapped
  to the nearest real pixel, plus direct reads at fixed coordinates of the cover banner (1500x500).
    ink          #0c0c0a  brand PNG k-means centroid (logo field, opaque tile)
    surface      #fdfcfd  brand PNG k-means centroid (logo mark white)
    ink-2        #282828  cover (165,300) frame black
    ink-3        #44403e  brand PNG k-means centroid
    ink-mute     #6b6d6d  cover k-means centroid
    stage        #cdd1ce  cover (1100,40) wall
    stage-2      #c8cbc8  cover (60,200) wall
    paper        #e8e8e6  cover (700,430) floor edge
    paper-2      #dbdbd9  cover (700,480) floor
    line         #9e9996  brand PNG k-means centroid
  mint is a literal given by the client brief for the own-token row, not sampled.
*/
:root {
  --color-ink: #0c0c0a;
  --color-ink-2: #282828;
  --color-ink-3: #44403e;
  --color-ink-mute: #6b6d6d;
  --color-surface: #fdfcfd;
  --color-paper: #e8e8e6;
  --color-paper-2: #dbdbd9;
  --color-stage: #cdd1ce;
  --color-stage-2: #c8cbc8;
  --color-line: #9e9996;
  --color-mint: #00ffcc;
  --mint-rgb: 0, 255, 204;
  --ink-rgb: 12, 12, 10;

  --paper: var(--color-paper);
  --paper-2: var(--color-paper-2);
  --surface: var(--color-surface);
  --ink: var(--color-ink);
  --ink-2: var(--color-ink-2);
  --ink-3: var(--color-ink-3);
  --rule: var(--color-stage);
  --rule-soft: var(--color-paper-2);
  --rule-strong: var(--color-ink);
  --line-ctl: var(--color-stage-2);
  --line-field: var(--color-line);
  --on-ink: var(--color-surface);

  --radius-ui: 6px;
  --float-shadow: 0 1px 2px rgba(var(--ink-rgb), 0.06), 0 12px 32px rgba(var(--ink-rgb), 0.12);
  --ease-rise: cubic-bezier(0.2, 0.7, 0.2, 1);
  --f-ui: "Inter Tight", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;
}