:root {
  /* Brand tokens (from brand.css) are available:
     --drafting-paper, --blueprint, --machinist, --ink-black, --grid-line, --font-mono */

  /* App backgrounds — built on brand palette */
  --bg-primary: var(--drafting-paper);
  --bg-secondary: #eae6dd;
  --bg-card: rgba(255, 255, 255, 0.6);
  --bg-card-hover: rgba(255, 255, 255, 0.85);

  /* Semantic status colors — deeper tones for light backgrounds */
  --color-go: #2e7d32;
  --color-go-bg: rgba(46, 125, 50, 0.1);
  --color-nogo: #c62828;
  --color-nogo-bg: rgba(198, 40, 40, 0.1);

  /* Text — mapped from brand tokens */
  --text-primary: var(--ink-black);
  --text-secondary: var(--machinist);
  --text-muted: #8a8578;

  /* Borders */
  --border-default: var(--blueprint);

  /* Fonts — monospace-forward per brand guide */
  --font-sans: var(--font-mono);

  /* Zero radius — industrial edge */
  --radius-sm: 0;
  --radius-md: 0;
}

[data-theme="dark"] {
  --bg-primary: rgba(13, 13, 13, 0.70);
  --bg-secondary: rgba(26, 26, 26, 0.9);
  --bg-card: rgba(40, 55, 40, 0.45);
  --bg-card-hover: rgba(50, 70, 50, 0.6);

  --color-go: #33ff33;
  --color-go-bg: rgba(51, 255, 51, 0.15);
  --color-nogo: #ff3333;
  --color-nogo-bg: rgba(255, 51, 51, 0.15);

  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --text-muted: #666;

  --border-default: #33ff33;
}