/* Colour tokens per theme. This is the ONLY stylesheet allowed to contain literal colours
   (tests/test_phase1.py enforces it), and both blocks must define the same tokens.
   theme-boot.js resolves the "system" preference to light or dark before first paint. */

:root,
[data-theme="light"] {
  color-scheme: light;
  --color-bg: #F6F8FA;
  --color-surface: #FFFFFF;
  --color-surface-2: #EEF2F5;
  --color-border: #D9E0E6;
  --color-border-strong: #768696;
  --color-text: #13212C;
  --color-text-muted: #566676;
  --color-primary: #0B6E79;
  --color-primary-hover: #095A63;
  --color-on-primary: #FFFFFF;
  --color-ai: #6B4FBB;
  --color-ai-bg: #F3EFFC;
  --color-success: #1E7A4C;
  --color-success-bg: #E7F5EE;
  --color-warning: #8A5A00;
  --color-warning-bg: #FFF4D9;
  --color-danger: #B42318;
  --color-danger-hover: #912018;
  --color-danger-bg: #FDECEA;
  --color-on-danger: #FFFFFF;
  --color-info: #1D5FB8;
  --color-info-bg: #EAF1FD;
  --color-recording: #D92D20;
  --color-backdrop: rgb(19 33 44 / 0.5);
  --shadow-1: 0 1px 2px rgb(19 33 44 / 0.06), 0 1px 3px rgb(19 33 44 / 0.1);
  --shadow-2: 0 8px 24px rgb(19 33 44 / 0.16), 0 2px 6px rgb(19 33 44 / 0.08);
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0E141A;
  --color-surface: #151D25;
  --color-surface-2: #1C2731;
  --color-border: #2A3744;
  --color-border-strong: #64768A;
  --color-text: #E6EDF3;
  --color-text-muted: #9AABBB;
  --color-primary: #3FB4C1;
  --color-primary-hover: #62C6D1;
  --color-on-primary: #06252A;
  --color-ai: #A994F0;
  --color-ai-bg: #231D38;
  --color-success: #5CCB91;
  --color-success-bg: #14291F;
  --color-warning: #F2C35B;
  --color-warning-bg: #2D2410;
  --color-danger: #F28B82;
  --color-danger-hover: #F5A39C;
  --color-danger-bg: #341716;
  --color-on-danger: #2A0B09;
  --color-info: #7DB1F5;
  --color-info-bg: #132238;
  --color-recording: #F97066;
  --color-backdrop: rgb(0 0 0 / 0.6);
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4), 0 1px 3px rgb(0 0 0 / 0.3);
  --shadow-2: 0 8px 24px rgb(0 0 0 / 0.5), 0 2px 6px rgb(0 0 0 / 0.3);
}