/*
 * Every colour huddle draws, as tokens in both themes (Constitution IX.1);
 * tests/page.test.js refuses a colour anywhere else. The call is dark in both
 * themes, like Slack's huddle window, because faces and video read best on a
 * dark ground; its tokens still have both blocks so dark can sink it further.
 */
:root {
  color-scheme: light dark;
  --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eceef2; --text: #1b1d21; --muted: #565d68;
  --line: #d3d7de; --line-strong: #6f7682; --accent: #1f5fcf; --accent-hover: #194fae; --on-accent: #ffffff;
  --danger: #b42318; --on-danger: #ffffff; --focus: #1f5fcf; --shadow: rgba(16, 24, 40, .14);
  --call-bg: #1a1d21; --call-panel: #24282e; --call-tile: #2d3239; --call-text: #f2f4f7; --call-muted: #b5bcc6;
  --call-line: #434a54; --call-btn: #3a4049; --call-btn-hover: #4a515b; --call-on: #1f8a4c; --call-on-hover: #23a057;
  --call-leave: #d0342c; --call-leave-hover: #e0463e; --call-focus: #8fb8ff; --call-scrim: rgba(0, 0, 0, .55);
  --call-shadow: rgba(0, 0, 0, .45); --speaking: #3ddc7a; --signal-on: #3ddc7a; --signal-off: #5d6570;
  --share-bg: #000000; --on-avatar: #ffffff;
  --av-1: #2f6fd6; --av-2: #8a3fc4; --av-3: #1f7a6d; --av-4: #b5432a; --av-5: #a2367d; --av-6: #4f55c9; --av-7: #7a6410; --av-8: #c0392b;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111317; --surface: #1a1d22; --surface-2: #252a31; --text: #e7e9ed; --muted: #a2a9b4;
    --line: #353b44; --line-strong: #8b929d; --accent: #7aa7ff; --accent-hover: #9bbcff; --on-accent: #0b1530;
    --danger: #ff8b80; --on-danger: #2a0703; --focus: #8fb8ff; --shadow: rgba(0, 0, 0, .5);
    --call-bg: #0f1114; --call-panel: #1b1e23; --call-tile: #23272d; --call-text: #f2f4f7; --call-muted: #aeb5bf;
    --call-line: #393f48; --call-btn: #323840; --call-btn-hover: #424952; --call-on: #1f8a4c; --call-on-hover: #23a057;
    --call-leave: #d0342c; --call-leave-hover: #e0463e; --call-focus: #8fb8ff; --call-scrim: rgba(0, 0, 0, .6);
    --call-shadow: rgba(0, 0, 0, .6); --speaking: #3ddc7a; --signal-on: #3ddc7a; --signal-off: #555c66;
    --share-bg: #000000; --on-avatar: #ffffff;
    --av-1: #2f6fd6; --av-2: #8a3fc4; --av-3: #1f7a6d; --av-4: #b5432a; --av-5: #a2367d; --av-6: #4f55c9; --av-7: #7a6410; --av-8: #c0392b;
  }
}