/* hardemark.se — shared design tokens (single source of truth).
 *
 * Hosted at the web root and linked as /theme.css BEFORE each page's own
 * stylesheet, by the landing page and by every app (Wavelets, BPM). Change a
 * colour here and the whole site follows.
 *
 * TOKENS ONLY — never put component rules in this file. Each project keeps its
 * own layout/components in its own CSS and may add project-specific tokens in a
 * small local :root (e.g. Wavelets' --seg-off, the landing page's card tokens).
 */
:root {
  --bg: #0e0f13;              /* page background */
  --bg-panel: #17181f;        /* raised surface: panels, tap-zone, meters */
  --border: #2a2c38;          /* 1px control borders (buttons, tabs) */
  --surface-active: #1f2230;  /* pressed/active surface fill */

  --accent: #5eead4;          /* teal — primary accent, live values */
  --accent-dim: #2dd4bf;      /* dimmer teal — active borders */

  --text: #f5f7fa;            /* primary text */
  --text-dim: #8b8fa3;        /* secondary/label text */

  --danger: #ef4444;          /* reset / clip */
  --warn: #facc15;            /* caution (meter near-clip) */
}