/* MeetingsCount design tokens, shared by the participant app and the staff
   dashboard. Light and dark themes; every colour elsewhere is a token. */

:root {
  --bg: #f3f4f6; --surface: #fff; --surface-2: #f6f7f9; --line: #e2e5ea;
  --ink: #12151a; --ink-2: #3d4350; --muted: #687080;
  --brand: #2a45c8; --brand-ink: #fff; --brand-tint: #edf0fd; --brand-line: #c9d2f7;
  --ok: #11703a; --ok-bg: #e5f4ea; --ok-strong: #1a9a4b;
  --warn: #875600; --warn-bg: #fff3d9; --warn-strong: #e0a000;
  --bad: #ae2418; --bad-bg: #fdebe9; --bad-strong: #d63a2c;
  --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04);
  --shadow-lg: 0 18px 50px rgba(16, 24, 40, .22);
  --r: 16px; --r-sm: 11px;
  --nav-h: 0px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1115; --surface: #171b21; --surface-2: #1d222a; --line: #2a3039;
    --ink: #eef1f5; --ink-2: #c4cad4; --muted: #8e96a3;
    --brand: #8098ff; --brand-ink: #0b1024; --brand-tint: #1c2446; --brand-line: #34427e;
    --ok: #6fdc98; --ok-bg: #11301e; --ok-strong: #3cc070;
    --warn: #f6c85a; --warn-bg: #33280e; --warn-strong: #e8b030;
    --bad: #ff948a; --bad-bg: #3b1714; --bad-strong: #f0594b;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-lg: 0 18px 50px rgba(0, 0, 0, .6);
    color-scheme: dark;
  }
}