/* public/css/tokens.css — M3. ALL design tokens (ARCHITECTURE.md §7).
   The ONLY file allowed to declare z-index values and color literals. */

:root {                            /* DARK = default theme */
  --bg: #0e0f12;        --surface: #17191f;    --surface-2: #212530;
  --text: #f2f4f8;      --text-dim: #9aa3b2;   --outline: #2e3340;
  --accent: #4f8cff;    --accent-contrast: #ffffff;
  --success: #34c77b;   --warn: #ffb02e;       --danger: #ff5d5d;
  --ghost-opacity: 0.55;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --radius: 12px; --radius-sm: 8px;
  --tap-min: 48px;                 /* every interactive element >= this (R2.2) */
  --tap-primary: 64px;             /* Complete Set / Start Workout height */
  --thumb-zone: 40vh;              /* primary actions live inside this from bottom (R2.1) */
  --z-nav: 10; --z-sheet: 40; --z-timer: 50; --z-guard: 60; --z-toast: 70;
}
:root[data-theme="light"] { /* light overrides */
  --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eceef2;
  --text: #16181d; --text-dim: #5b6472; --outline: #d6dae2;
  --accent: #2f6fe0; --success: #1d9e5f; --warn: #c77c00; --danger: #d64040;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { /* same light overrides, duplicated verbatim */
    --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eceef2;
    --text: #16181d; --text-dim: #5b6472; --outline: #d6dae2;
    --accent: #2f6fe0; --success: #1d9e5f; --warn: #c77c00; --danger: #d64040;
  }
}