/* Shared design tokens. Only values that repeat across ≥2 components
 * live here; one-offs stay as literals next to their rule. */

:root {
  /* Accent (blue) — titles, focus rings, primary actions */
  --color-accent: #7af;
  --color-accent-fill: #335577;
  --color-accent-border: #557799;

  /* Surfaces + text */
  --color-text: #ddd;
  --color-text-muted: #888;

  /* Borders */
  --color-border: #555;
  --color-border-subtle: #333;

  /* Layering — panels sit above canvas, hints above panels, modals on top */
  --z-panel: 120;
  --z-hint: 150;
  --z-modal: 200;
}