/* v8 (2026-10-30): the tokens of the approved boards (design-proto/app/shell.css, unslop's graphite ramp). Dark is the graphite
   every approved board was drawn in; light is its pair. Every v8 layer reads these and nothing else: three text tones, two
   hairlines, one accent, three status colours, a cream paper for the certificate itself. */
:root {
  --v8-deep: #f4f4f5; --v8-page: #fafafa; --v8-card: #ffffff; --v8-raised: #f4f4f5;
  --v8-t1: #171717; --v8-t2: #525252; --v8-t3: #737373;
  --v8-hair: rgba(23, 23, 23, .08); --v8-hair-2: rgba(23, 23, 23, .05); --v8-hi: inset 0 1px 0 rgba(255, 255, 255, .9);
  --v8-pos: #16a34a; --v8-neg: #dc2626; --v8-warn: #b45309; --v8-accent: #1764f5; --v8-grid: rgba(23, 23, 23, .06);
  --v8-paper: #f7f4ed; --v8-paper-ink: #23262e; --v8-paper-mute: #6c707b; --v8-paper-line: #e8e2d5;
  --v8-shadow: 0 14px 32px rgba(16, 24, 40, .12);
  --v8-s1: #d99413; --v8-s2: #16a36a; --v8-s3: #1764f5; --v8-s4: #c2448a;
  --v8-sans: "Inter V", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --v8-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --v8-r-panel: 16px; --v8-r-ctl: 10px; --v8-ease: cubic-bezier(.22, 1, .36, 1);
}
:root[data-theme="dark"] {
  --v8-deep: #0f0f10; --v8-page: #141415; --v8-card: #19191b; --v8-raised: #232325;
  --v8-t1: #ededed; --v8-t2: #a1a1a6; --v8-t3: #85858b;
  --v8-hair: rgba(237, 237, 237, .08); --v8-hair-2: rgba(237, 237, 237, .05); --v8-hi: inset 0 1px 0 rgba(255, 255, 255, .08);
  --v8-pos: #4cc38a; --v8-neg: #e5484d; --v8-warn: #f5a524; --v8-accent: #5b8cff; --v8-grid: rgba(237, 237, 237, .06);
  --v8-shadow: 0 18px 40px rgba(0, 0, 0, .45);
  --v8-s1: #f5b83d; --v8-s2: #3ccf91; --v8-s3: #5b8cff; --v8-s4: #e66fb0;
}