/* Design tokens.
   Direction: classic and calm. Deep navy is the base (the side rail, headings, main buttons),
   white surfaces on a faint sky-blue page, light blue (tchelet) for what is selected or highlighted,
   and orange kept for the brand and the one thing that needs doing now. One clean Hebrew face for
   text and headings; the condensed Karantina only in the ZUZA logo. */
:root{
  --bg:#F2F7FC; --surface:#FFFFFF; --surface-2:#EAF3FA; --ink:#13233F; --muted:#5A6A82; --line:#DCE7F1;
  --navy:#0F2442; --navy-ink:#FFFFFF;                       /* side rail and photo headers */
  --accent:#1B4B86; --accent-ink:#FFFFFF; --accent-soft:#E4EFFA;   /* main actions */
  --sky:#4FAEE0; --sky-soft:#E3F3FC;                         /* tchelet: selected, highlighted */
  --energy:#F2692C; --energy-ink:#FFFFFF; --energy-soft:#FDEDE4;   /* orange: brand, "now" */
  --good:#1E8A5A; --good-soft:#E2F4EB; --warn:#A8620A; --warn-soft:#FDF1DC; --crit:#C23A30; --crit-soft:#FBE6E3;
  /* workout types */
  --t-easy:#2E9B6A; --t-long:#1B4B86; --t-tempo:#D2832A; --t-interval:#C8442F; --t-rest:#8291A6; --t-strength:#2C8FB8;
  --ch-fit:#2F6DB5; --ch-fat:#D9571C;   /* fitness chart: fitness, fatigue (validated, dataviz) */
  /* heart rate */
  --hr:#D6334A; --z2:rgb(46 155 106 / .10); --z3:rgb(210 131 42 / .12); --z4:rgb(214 51 74 / .10); --z5:rgb(214 51 74 / .2);
  --font-brand:"Karantina","Arial Narrow","Arial Hebrew",sans-serif;
  --font-display:"IBM Plex Sans Hebrew","Segoe UI",Arial,sans-serif;
  --font-body:"IBM Plex Sans Hebrew","Segoe UI",Arial,sans-serif;
  --font-data:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --r:14px; --r-sm:10px;
  --shadow:0 1px 2px rgb(15 36 66 / .04), 0 6px 20px -12px rgb(15 36 66 / .16);
  --av-bg:90%; --av-fg:30%;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1628; --surface:#112038; --surface-2:#172A47; --ink:#E8EFF8; --muted:#9DB0C8; --line:#22385A;
  --navy:#081224; --navy-ink:#E8EFF8;
  --accent:#7DB4EE; --accent-ink:#0B1628; --accent-soft:#1A3355;
  --sky:#6CC3F0; --sky-soft:#13304A;
  --energy:#FF8A52; --energy-ink:#0B1628; --energy-soft:#3A2114;
  --good:#5BCB95; --good-soft:#123326; --warn:#F0B24E; --warn-soft:#352612; --crit:#FF8076; --crit-soft:#3C1A18;
  --t-easy:#5BCB95; --t-long:#7DB4EE; --t-tempo:#F0B24E; --t-interval:#FF8A6E; --t-rest:#9DB0C8; --t-strength:#6CC3F0;
  --ch-fit:#4F90DA; --ch-fat:#E46A30;
  --hr:#FF6B7C; --z2:rgb(91 203 149 / .12); --z3:rgb(240 178 78 / .12); --z4:rgb(255 107 124 / .12); --z5:rgb(255 107 124 / .22);
  --shadow:0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);
  --av-bg:26%; --av-fg:84%;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1628; --surface:#112038; --surface-2:#172A47; --ink:#E8EFF8; --muted:#9DB0C8; --line:#22385A;
  --navy:#081224; --navy-ink:#E8EFF8;
  --accent:#7DB4EE; --accent-ink:#0B1628; --accent-soft:#1A3355;
  --sky:#6CC3F0; --sky-soft:#13304A;
  --energy:#FF8A52; --energy-ink:#0B1628; --energy-soft:#3A2114;
  --good:#5BCB95; --good-soft:#123326; --warn:#F0B24E; --warn-soft:#352612; --crit:#FF8076; --crit-soft:#3C1A18;
  --t-easy:#5BCB95; --t-long:#7DB4EE; --t-tempo:#F0B24E; --t-interval:#FF8A6E; --t-rest:#9DB0C8; --t-strength:#6CC3F0;
  --ch-fit:#4F90DA; --ch-fat:#E46A30;
  --hr:#FF6B7C; --z2:rgb(91 203 149 / .12); --z3:rgb(240 178 78 / .12); --z4:rgb(255 107 124 / .12); --z5:rgb(255 107 124 / .22);
  --shadow:0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);
  --av-bg:26%; --av-fg:84%;
  color-scheme:dark}