:root {
  --cream-100: #f1e9d6;
  --cream-200: #e6ddc8;
  --cream-300: #d8cbb2;
  --ink-900: #1f1b16;
  --graphite-700: #3a342c;
  --crt-screen: #132018;
  --amber-700: #8a5a1f;
  --danger-700: #7a2e22;

  --screen-glow: #8bd891;
  --ui-action: #245f51;
  --ui-focus: #000000;
  --text-emphasis: #1e594c;
  --crt-shadow: rgba(139, 216, 145, 0.32);
  --text-base: #1f1b16;

  --canvas: var(--cream-100);
  --surface: var(--cream-200);
  --inset: var(--cream-300);
  --text-soft: var(--graphite-700);
  --ui-focus-ring: var(--ui-focus);

  --green-crt: var(--screen-glow);
  --green-ui: var(--ui-action);

  --font-primary: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "segoe ui", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", consolas, "Liberation Mono", monospace;
  --font-alternate: "Atkinson Hyperlegible", "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "segoe ui", sans-serif;
  --font-fallback: ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "segoe ui", sans-serif;

  --control-height-sm: 40px;
  --control-height-md: 44px;
  --radius-control: 6px;
  --radius-panel: 8px;
  --border-soft: 1px solid rgba(31, 27, 22, 0.30);
  --border-hard: 3px solid var(--ink-900);
  --hover-transform: translatey(-1px);
  --active-transform: translatey(1px);
}

/* screen-glow: crt emission only. signature ai uses screen-glow inside a crt-screen chip, never as plain text on cream. */