/* Theme: Minimal (kmikeym-web#10, Mike 2026-10-19). One typeface, black on white,
   dark gray for secondary, no lime, no radius, no shadow, hairline rules only.
   Direction carries no color: up and down are the text color, the glyph does the
   work. Token values only; every token styles.css defines is restated here, so
   nothing of the default language leaks through. If a component needs more than
   this to read as minimal, the component is wrong, not the theme. */
:root[data-theme="minimal"] {
  --brand: #ffffff;
  --brand-ink: #000000;
  --brand-ink-2: #000000;
  --brand-ink-muted: #555555;
  --brand-wash: rgba(0, 0, 0, .06);
  --brand-wash-2: rgba(0, 0, 0, .1);
  --brand-line: rgba(0, 0, 0, .4);
  --accent: #000000;
  --accent-2: #000000;
  --ink-2: #f4f4f4;
  --on-ink: #000000;
  --on-ink-muted: rgba(0, 0, 0, .6);
  --on-ink-faint: rgba(0, 0, 0, .12);
  --on-ink-line: rgba(0, 0, 0, .4);
  --on-lime-muted: rgba(255, 255, 255, .7);
  --accent-ink: #ffffff;

  --up: #000000;
  --down: #000000;
  --on-signal: #ffffff;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f4f4;
  --text: #000000;
  --muted: #555555;
  --border: #cccccc;
  --link: #000000;

  --radius: 0;
  --radius-sm: 0;
  --radius-pill: 0;
  --shadow: none;
  --shadow-sm: none;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --maxw: 1080px;

  --graph-node: #000000;
  --graph-link: #999999;
}