/* LivuFit theme tokens. Every colour in the app comes from here; scripts/theme/tokenize-css.py keeps the other
   stylesheets free of literal colours (tests/theme.cjs checks that). The light theme is the reference; the dark
   theme swaps the same roles. Text on an accent (lime/mint) uses --on-accent so it stays dark in both themes. */
:root{
 color-scheme:light;
 --bg:#f4f8f8;--surface:#ffffff;--surface-2:#f7fafa;--tint:#e6f3f4;--tint-2:#cfe6e6;
 --line:#d8e5e6;--line-2:#9dbcc0;
 --ink:#103f47;--muted:#58757c;
 --brand:#087f89;--brand-fill:#087f89;--brand-soft:#5b9ca0;--brand-deep:#075b67;--hero:#063d48;--hero-2:#164f53;
 --on-dark:#ffffff;--on-dark-soft:#dff6e9;--on-accent:#063d48;
 --lime:#b9f578;--lime-soft:#e6f7cf;--mint:#8cf0d8;
 --glass:rgba(255,255,255,.08);--glass-2:rgba(255,255,255,.16);--frost:rgba(255,255,255,.93);
 --veil:rgba(6,61,72,.08);--scrim:rgba(6,61,72,.45);
 --shadow-1:rgba(6,61,72,.06);--shadow-2:rgba(6,61,72,.14);--shadow-3:rgba(6,61,72,.28);
 --ok:#1f7a4d;--ok-soft:#a9d8bc;--ok-bg:#e3f5ea;--ok-line:#a9d8bc;--ok-fill:#64a044;
 --warn:#8a5a12;--warn-soft:#f3cfae;--warn-bg:#fff3de;--warn-line:#efd6a8;--warn-fill:#ef9f4f;
 --bad:#a12626;--bad-soft:#f3b9b0;--bad-bg:#fbe6e6;--bad-line:#f2d1ce;--bad-fill:#d9543a;
 --heart:#9c416c;--heart-soft:#efc3d4;--heart-bg:#fff0f6;--heart-line:#f1dbe4;--heart-fill:#ad537d;
 --macro-protein:#8577b0;--macro-fat:#bc8a42;--route-a:#3d5a80;--route-b:#5b7fb0;--route-c:#98b8de;
 /* Accent tones for labels, tiles and rings (1.5.0): flame = calories, water, strength = purple, cardio = blue, food = green, calm = lilac, gold = rewards. */
 --accent-flame:#e8772e;--accent-flame-bg:#fdebdd;--accent-water:#2f8fd8;--accent-water-bg:#e2f0fc;--accent-strength:#6d5bd0;--accent-strength-bg:#ebe7fb;--accent-cardio:#1f8fb8;--accent-cardio-bg:#e0f2f9;--accent-food:#2f9a5b;--accent-food-bg:#e2f5e8;--accent-calm:#8a63c9;--accent-calm-bg:#f0e9fb;--accent-gold:#b8862a;--accent-gold-bg:#fbf1db;
 --hero-image-overlay:rgba(6,61,72,.55);
 --theme-color:#f4f8f8;
}
:root[data-theme=dark]{
 color-scheme:dark;
 --bg:#0b1a1e;--surface:#142a30;--surface-2:#193239;--tint:#1e3c44;--tint-2:#26505a;
 --line:#2b4a52;--line-2:#3f6570;
 --ink:#e8f2f3;--muted:#9fb9bd;
 --brand:#4cc5ce;--brand-fill:#0b767f;--brand-soft:#3a7d84;--brand-deep:#0c6b75;--hero:#0e2b31;--hero-2:#1a474d;
 --on-dark:#ffffff;--on-dark-soft:#dff6e9;--on-accent:#063d48;
 --lime:#b9f578;--lime-soft:#22391f;--mint:#8cf0d8;
 --glass:rgba(255,255,255,.08);--glass-2:rgba(255,255,255,.16);--frost:rgba(20,42,48,.93);
 --veil:rgba(255,255,255,.08);--scrim:rgba(0,0,0,.6);
 --shadow-1:rgba(0,0,0,.3);--shadow-2:rgba(0,0,0,.45);--shadow-3:rgba(0,0,0,.6);
 --ok:#7fd29a;--ok-soft:#a9d8bc;--ok-bg:#163a2a;--ok-line:#2a5c40;--ok-fill:#4f8f35;
 --warn:#f2c15c;--warn-soft:#f3cfae;--warn-bg:#3b2e12;--warn-line:#5c4a1c;--warn-fill:#d98a3a;
 --bad:#ff8f88;--bad-soft:#f3b9b0;--bad-bg:#3d1c1c;--bad-line:#5e2e2e;--bad-fill:#c94a32;
 --heart:#f19ac0;--heart-soft:#efc3d4;--heart-bg:#3a1f2c;--heart-line:#5c3344;--heart-fill:#ad537d;
 --macro-protein:#8577b0;--macro-fat:#bc8a42;--route-a:#3d5a80;--route-b:#5b7fb0;--route-c:#98b8de;
 --accent-flame:#ff9a4d;--accent-flame-bg:#3a2415;--accent-water:#6cc0ff;--accent-water-bg:#15304a;--accent-strength:#a89cf0;--accent-strength-bg:#2a2650;--accent-cardio:#5fc9ee;--accent-cardio-bg:#123a4a;--accent-food:#7bd69a;--accent-food-bg:#163a2a;--accent-calm:#c4a8ff;--accent-calm-bg:#2d2446;--accent-gold:#f2c15c;--accent-gold-bg:#3b2e12;
 --hero-image-overlay:rgba(11,26,30,.62);
 --theme-color:#0b1a1e;
}
/* Dark-theme adjustments that are not a colour swap. */
:root[data-theme=dark] #workout-exercise .exercise-preview img{mix-blend-mode:normal;border-radius:14px}