/* Instrument/Score Aether v0.1 — Flipped web adapter.
   Canonical roles: ~/.config/instrument-score-aether/tokens.json.
   Web font roles follow HCP's adapter; see docs/design.md. */
:root {
  color-scheme: dark;
  --canvas: #090e18; --surface: #131c2d; --raised: #1c2940;
  --text: #edf4ff; --secondary: #a3b3c9; --boundary: #33445f;
  --focus: #bba6ff; --selection: #73e4f2; --accent: #bba6ff;
  --success: #78deb0; --warning: #f2c77d; --danger: #ff8f9f;
  --context-cyan: #73e4f2; --context-violet: #bba6ff;
  --plane: color-mix(in srgb, var(--surface) 96%, transparent);
  --selection-fill: color-mix(in srgb, var(--selection) 12%, var(--surface));
  --shadow: 0 18px 48px #00000024;
  --radius-surface: 20px; --radius-control: 8px; --row-height: 54px;
  --duration: 120ms;
  --display: 'Manrope', 'Noto Sans', sans-serif;
  --body: 'Source Sans 3', 'Noto Sans', sans-serif;
  --mono: 'JetBrains Mono', 'Noto Sans Mono', monospace;
  --rail-width: 216px; --header-height: 76px;
  /* Existing domain hooks map to semantic roles. */
  --void: var(--canvas); --ink: var(--text); --panel: var(--plane);
  --border: var(--boundary); --muted: var(--secondary);
  --profit: var(--success); --loss: var(--danger); --cyan: var(--selection);
}
:root[data-palette='bright'] {
  color-scheme: light;
  --canvas: #edf2f8; --surface: #f9fcff; --raised: #e4ecf5;
  --text: #172a42; --secondary: #4e627b; --boundary: #a6b7ca;
  --focus: #6e3ba7; --selection: #086b7c; --accent: #7147a8;
  --success: #176446; --warning: #805500; --danger: #a42e46;
  --context-cyan: #379bac; --context-violet: #9473bd;
  --shadow: 0 16px 44px #24436512;
}
:root[data-material='opaque'] { --plane: var(--surface); }