/* Reldor Overview: disainitokenid.
   Allikas: Claude Designi lõuend, artboard Tokens.dc.html, jaotis „CSS-muutujad arendusele”. Allolev esimene
   :root-plokk on sealt sõna-sõnalt, lisaks --debt-soft lõuendi sama faili stiiliplokist (M2b F25); muudatus
   tehakse esmalt lõuendil, siis siin.
   See fail on värvide ainus allikas: login.css, admin.css ja frontend (M2b) kasutavad ainult neid muutujaid.
   Fondid (IBM Plex Sans ja IBM Plex Sans Condensed, OFL, litsents fonts/OFL.txt) on kaustas /static/fonts/;
   need vendorib scripts/vendor_assets.py (M2b F34). */

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Medium.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Bold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/fonts/IBMPlexSansCondensed-Medium.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/fonts/IBMPlexSansCondensed-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/static/fonts/IBMPlexSansCondensed-Bold.woff2") format("woff2"); }

:root {
  --accent: #2f5bea;  --accent-ink: #2448c4;  --accent-soft: #e8eefd;   /* aktiivne nupp, valik, logo, lingid; 3D räästad ja uksepiirded */
  --ink: #14171c;  --ink-2: #2b313a;  --muted: #59616e;  --faint: #8b929c;
  --line: #dfe2e6;  --line-2: #c6cbd2;  --surface: #ffffff;  --surface-2: #f4f5f6;  --surface-3: #e9ebee;
  --crit: #c8221a;  --crit-deep: #9b1710;  --crit-soft: #fdeceb;          /* ainult häire: kriitiline, arvesti alarm */
  --ended: #5b21b6;  --ended-soft: #efe9fb;                                 /* leping lõppenud: täidetud */
  --ending: #6d28d9;  --ending-line: #a78bfa;  --ending-soft: #f4f0fe;     /* leping lõpeb: kontuur */
  --index: #0e7490;  --index-soft: #e2f2f5;  --vacant-line: #9aa1ab;  --debt: #b45309;  --debt-soft: #fdf1e3;  --sun: #b7791f;
  --q0: #e4edfa;  --q1: #b4cdf2;  --q2: #6e98e3;  --q3: #2d5fc4;  --q4: #173a80;
  --r-xs: 4px;  --r-sm: 6px;  --r-md: 10px;  --r-lg: 14px;
  --sh-1: 0 1px 2px rgba(20,23,28,.10), 0 3px 8px rgba(20,23,28,.10);
  --sh-2: 0 2px 6px rgba(20,23,28,.08), 0 14px 36px rgba(20,23,28,.18);
  --f: "IBM Plex Sans", system-ui, sans-serif;  --fc: "IBM Plex Sans Condensed", "IBM Plex Sans", sans-serif;
}

/* Lisandus (lõuendil puudub): monospace-pere id-de ja koodide jaoks. */
:root {
  --fm: ui-monospace, monospace;
}

body { margin: 0; font-family: var(--f); color: var(--ink); background: var(--surface-2); }