/* Master mobile colour palette: portrait, landscape, canvas and native safe areas.
   Mood tokens drive the portrait backdrop only; track colours retain their identity. */
:root {
  color-scheme: dark;
  --surface: #0e0e0f;
  --portrait-surface: #ffffff;
  --portrait-message: #eeeee7;
  --portrait-text: #171714;
  --portrait-muted: #66665f;
  --speech-recording: #b63b62;
  --speech-halo: #b63b6226;
  --portrait-analysis-text: #69646e;
  --portrait-analysis-font: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Noto Serif Khmer', Georgia, serif;
  --portrait-hint: #898981;
  --portrait-border: #deded8;
  --auth-provider-surface: #25292c;
  --auth-provider-hover: #34393d;
  --auth-provider-icon: #ffffff;
  --portrait-button: #171714;
  --portrait-button-text: #ffffff;
  --portrait-glass: #fffffff0;
  --portrait-scrim: #17171433;
  --mood-sad: #7848c8;
  --mood-joy: #e9b340;
  --mood-calm: #48a5c8;
  --mood-energy: #ed8464;
  --mood-tension: #c96094;
  --mood-open: #50b99d;
  --mood-resolve: #77a965;
  --mood-bright: #edc475;
  --surface-raised: #171820;
  --surface-message: #222433;
  --surface-player-top: #060608;
  --surface-player-bottom: #0a0a0c;
  --border: #343747;
  --player-border: #09090b;
  --text: #f3f6ff;
  --text-muted: #b2bfd6;
  --text-subtle: #94a2bd;
  --accent: #bda2ff;
  --accent-hover: #d2beff;
  --on-accent: #13101f;
  --focus: #8ceaff;
  --danger: #ff6385;
  --positive: #43ffc1;
  --track-drums: #43ffc1;
  --track-bass: #b99aff;
  --track-chords: #ffbd66;
  --track-melody: #ff78d4;
  --track-vocals: #7ae5ff;
  --playhead: #ff628a;
  --grid: #343946;
  --lane-tint: #ffffff04;
  --selection: #85e7ff;
  --selection-fill: #85e7ff24;
  --scrubber: #59647a;
  --pressed: #ffffff14;
  --shadow: #00000099;
  --shadow-deep: #000000bb;
  --rim: #ffffff0c;
}