/* VIZUL.ART / Afterhours 02. Shared foundations for product and brand reference. */
:root {
  color-scheme: dark;
  /* Surfaces: Ink canvas, Booth panel, Deck card, Rack control. */
  --bg: #0a0b0d;
  --panel: #111315;
  --panel-2: #15181b;
  --surface: #1a1d20;
  --surface-hover: #25292d;
  --line-soft: #23272b;
  --line: #30353a;
  --line-strong: #606871;
  /* Information. */
  --text: #f2f1eb;
  --text-soft: #c9ccc9;
  --muted: #9ba1a6;
  /* Action and status. */
  --accent: #cbff70;
  --accent-hover: #dfffaa;
  --accent-ink: #101508;
  --accent-soft: #cbff7014;
  --accent-line: #cbff7047;
  --green: #cbff70;
  --magenta: #b7a4f6;
  --magenta-soft: #b7a4f61a;
  --blue: #8bcad9;
  --danger: #ffa397;
  --warning: #efc77b;
  --selected-bg: #253019;
  --selected-text: #dcffb1;
  /* Audio bands keep one color everywhere they appear. */
  --band-kick: var(--accent);
  --band-highs: var(--blue);
  --band-mids: var(--magenta);
  --band-sub: var(--warning);
  --sans: 'Segoe UI', Inter, Arial, sans-serif;
  --display: 'Rajdhani', 'Arial Narrow', var(--sans);
  --mono: 'Cascadia Code', 'SFMono-Regular', Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --radius-sm: 4px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --control-height: 34px;
  --touch-target: 44px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --duration: 160ms;
  --shadow-pop: 0 18px 48px #000000b3, 0 0 0 1px #ffffff0a;
  --signal-line: linear-gradient(90deg, transparent, var(--accent) 28%, var(--magenta) 72%, transparent);
}