/* mo5 design tokens v2 — "the calculator" system. Mirrors index.ts. */
:root {
  /* LED black (dark surfaces) */
  --mo5-led-900: #0E0C0A;
  --mo5-led-800: #141210; /* primary dark surface */
  --mo5-led-700: #1C1916;
  --mo5-led-600: #221E1A; /* raised cards / ghost segments on dark */
  --mo5-led-500: #2E2924;

  /* Bone chassis (light surfaces) */
  --mo5-bone-50: #F8F5EC;
  --mo5-bone-100: #F4F0E6;
  --mo5-bone-200: #EAE4D6; /* primary light surface */
  --mo5-bone-300: #DDD5C2;

  /* LED amber */
  --mo5-amber-300: #FFB95C;
  --mo5-amber-400: #FFA028; /* amber on dark */
  --mo5-amber-500: #F08E12;
  --mo5-amber-600: #E8890C; /* amber on light */

  /* Text */
  --mo5-text-on-dark: #F3EEE6;
  --mo5-text-muted-on-dark: #8A8478;
  --mo5-text-on-light: #26241F;
  --mo5-text-muted-on-light: #6E6A5E;

  /* Semantic task states */
  --mo5-state-pending: #FFA028;
  --mo5-state-kept: #5FAE7F;
  --mo5-state-killed: #CE6B5D;
  --mo5-state-urgent: #E05744;
  --mo5-state-due-soon: #FFA028;
  --mo5-state-info: #7FA3B8;

  /* Type */
  --mo5-font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mo5-font-arabic: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, sans-serif;
  --mo5-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  /* Radii */
  --mo5-radius-sm: 6px;
  --mo5-radius-md: 10px;
  --mo5-radius-lg: 14px;
  --mo5-radius-xl: 20px;
  --mo5-radius-pill: 999px;
}