/* RAPGEN Brand V1.0 — canonical colors and typography. */
:root {
  --bg-primary: #101110;
  --bg-secondary: #181B17;
  --bg-card: #20241E;
  --accent-primary: #D5FA70;
  --accent-hover: #C4EC55;
  --text-primary: #F5F5F0;
  --text-secondary: #B5B9AF;
  --text-muted: #92998B;
  --border-default: #343A31;
  --success: #84D98B;
  --warning: #F5C76A;
  --error: #F08080;
  --text-on-accent: #142008;

  --font-body: 16px;
  --font-navigation: 14px;
  --font-control: 14px;
  --font-caption: 12px;
  --font-secondary: 14px;

  /* Compatibility names used by existing components. */
  --bg: var(--bg-primary);
  --surface: var(--bg-secondary);
  --raised: var(--bg-card);
  --accent: var(--accent-primary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --line: var(--border-default);
  --ink: var(--text-on-accent);
}