/* Couleurs et mesure. Un seul endroit pour le thème.
   Clair par défaut. Sombre si le téléphone est sombre,
   sauf si <html data-theme="light|dark"> force le choix. */

:root {
  color-scheme: light;
  --bg: #ffffff;
  --card: #f2f2f7;
  --raised: #e5e5ea;
  --ink: #000000;
  --muted: #6e6e73;
  --line: #e5e5ea;
  --primary: #000000;
  --on-primary: #ffffff;
  --pill: #e5e5ea;
  --wait: #ff9f0a;
  --shadow: none;
  --radius: 22px;
  --tap: 52px;
  --icon: 44px;
  --keyboard: 0px;
  --app-height: 100dvh;
  --vv-offset: 0px;
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --manager-hi: #3a3a3c;
  --manager-mid: #1c1c1e;
  --manager-lo: #000000;
  --manager-eye: #f5f5f7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #000000;
    --card: #1c1c1e;
    --raised: #2c2c2e;
    --ink: #ffffff;
    --muted: #8e8e93;
    --line: #2c2c2e;
    --primary: #ffffff;
    --on-primary: #000000;
    --pill: #2c2c2e;
    --wait: #ff9f0a;
    --manager-hi: #ffffff;
    --manager-mid: #d8d8de;
    --manager-lo: #a1a1a6;
    --manager-eye: #1c1c1e;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --card: #f2f2f7;
  --raised: #e5e5ea;
  --ink: #000000;
  --muted: #6e6e73;
  --line: #e5e5ea;
  --primary: #000000;
  --on-primary: #ffffff;
  --pill: #e5e5ea;
  --wait: #ff9f0a;
  --manager-hi: #3a3a3c;
  --manager-mid: #1c1c1e;
  --manager-lo: #000000;
  --manager-eye: #f5f5f7;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #000000;
  --card: #1c1c1e;
  --raised: #2c2c2e;
  --ink: #ffffff;
  --muted: #8e8e93;
  --line: #2c2c2e;
  --primary: #ffffff;
  --on-primary: #000000;
  --pill: #2c2c2e;
  --wait: #ff9f0a;
  --manager-hi: #ffffff;
  --manager-mid: #d8d8de;
  --manager-lo: #a1a1a6;
  --manager-eye: #1c1c1e;
}