/* =========================================================================
   PALETA – zmena farby = zmena jednej premennej.
   Farby a --radius-box sú PREPISOVATEĽNÉ z adminu (Nastavenia → Dizajn,
   tabuľka site_settings); tento súbor drží DEFAULTY. Prepis vkladá
   lib/layout.page() inline <style> za tento súbor.
   ========================================================================= */
:root {
  --bg:            #f3eee6;
  --bg-soft:       #f5f0e9;   /* admin podklad: jemny bezovy nadych medzi --bg a --white */   /* svetlá béžová – pozadie */
  --accent:        #3d543f;   /* hlboká lesná zeleň */
  --accent-hover:  #2f4231;
  --accent-soft:   #e9e2d4;   /* teplá béžová na jemné plochy */
  --sage:          #87a089;   /* salviová */
  --moss:          #567257;   /* stredná zelená – linky, kresba */
  --moss-deep:     #47624c;   /* hover zelených odkazov */

  --white:         #faf8f3;   /* teplá biela – karty */
  --black:         #1c1c1a;
  --ink:           #1d1d17;
  --ink-soft:      #46463d;
  --ink-muted:     #6b6a60;
  --ink-faint:     #7a7970;   /* uzavrete zaznamy (vybavene) - tichsie nez --ink-muted */
  --line:          #d9d2c0;   /* hairline na béžovej */
  --line-strong:   #b9b19c;

  --warning-bg:    #f2e8ce;
  --warning-tx:    #7d6015;
  --success-bg:    #e2eae2;
  --success-tx:    #3d543f;
  --danger-bg:     #f0e0d8;
  --danger-tx:     #8f4128;

  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'Instrument Sans', system-ui, sans-serif;

  /* Ostré hrany všade */
  --radius:     0;
  --radius-sm:  0;
  --radius-lg:  0;
  --radius-box: 0px; /* ZDROJ pravdy: jediný slider v admine (site_settings.radius_box).
                        Všetko ostatné zaoblenie sa z neho odvodzuje nižšie; 0 = editorial ostré.
                        Jednotka px je povinná — bezrozmerná 0 by rozbila min()/max(). */
  --radius-btn:   calc(var(--radius-box) * .6);  /* tlačidlá, inputy, chipy — o stupeň jemnejšie než karty */
  /* ---- Odvodená škála pre médiá (DESIGN 78): väčšia plocha znesie väčší polomer,
     malá potrebuje menší, inak thumbnail vyzerá ako gombík. Cap 30px drží hero fotku
     článku v editorial polohe — nad ním už pôsobí ako reklamný banner. ---- */
  --radius-thumb: calc(var(--radius-box) * .85);            /* malé fotky v mriežke (blog, certifikáty) */
  --radius-media: min(calc(var(--radius-box) * 1.5), 30px); /* veľké fotky (hero článku, lightbox) */
  --radius-inset: max(calc(var(--radius-box) - 8px), 0px);  /* prvok vnorený v boxe s ~8px paddingom */

  /* ---- Typografický preset (DESIGN 79): rodiny + doladené konštanty prepisuje
     lib/layout.js podľa site_settings/font_preset. Tu sú defaulty = Editorial. ---- */
  --serif-italic: italic;   /* kurzívne akcenty; preset bez pätiek ich vypína na normal */
  --sw-lt:  380;            /* .script akcent */
  --sw-hd:  420;            /* veľké nadpisy */
  --sw-hd2: 430;            /* menšie nadpisy (optická kompenzácia) */
  --sw-md:  450;            /* serif medium */
  --serif-ls: -.015em;      /* tracking nadpisov — každá rodina má inú optickú šírku */
  --serif-lh: 1.06;         /* výška riadku nadpisov — vyššie ascendery znesú menej tesné riadky */
  --body-size: 17px;        /* základ textu — rodiny s väčšou x-výškou (Inter) idú o pol bodu nižšie */
  --maxw:       1240px;
}

/* =========================================================================
   DASHBOARD – sémantické stavové tokeny (--stc-*). Používa ich LEN admin,
   verejný web ostáva na pôvodných premenných vyššie.
   Logika krokov: -line = sýty tón odtieňa, -bg = jeho pastel, -tx = tmavý tón.
   Roly (variant A · horčica / piesok / terakota, kotva = šalviová zelená):
   active = žije (potvrdený budúci termín, aktívny oznam, predpísané)
   wait   = čaká na akciu (pending predpis, nepotvrdená akupunktúra)
   free   = voľný slot na obsadenie
   done   = vybavené/ukončené (vizuálne ustúpi)
   neg    = zrušené / no_show / zamietnuté / deštruktívne akcie
   prio   = prednostní pacienti (is_priority)
   ========================================================================= */
:root {
  --stc-active-bg:     #dce0d0;
  --stc-active-line:   #567257;
  --stc-active-tx:     #3d543f;

  --stc-wait-bg:       #efe4c5;
  --stc-wait-line:     #b3913f;
  --stc-wait-tx:       #74591c;

  --stc-free-bg:       #f1e9d4;
  --stc-free-bg-hov:   #e7d9b4;
  --stc-free-tx:       #78642a;
  --stc-free-tx-hov:   #6e5a20;

  --stc-done-bg:       #e8e4da;
  --stc-done-line:     #c6c0b2;
  --stc-done-tx:       #605f55;

  --stc-neg-bg:        #edddd2;
  --stc-neg-line:      #b06a4d;
  --stc-neg-tx:        #86442c;

  --stc-prio-tx:       #8a3d20;
  --stc-prio-line:     #b06a4d;

  /* tlmený text na tmavom akcente (admin sidebar, hover inverzie kariet) */
  --stc-onaccent-mut:  #a9bd9d;
  --stc-onaccent-soft: #cdd9c3;

  /* ---- Typy návštev (zemitá triáda, tasky #13) ----------------------------
     Odlišujú AKÝ typ návštevy to je — zámerne mimo rodiny stavových tokenov
     vyššie (zlatá=wait, terakota=neg, sivá=done, zelená=active), aby sa typ
     nemiešal so stavom. Stav má pri prúžku prednosť (pravidlá .busy.pend/
     .done-a/.cx sú v CSS nižšie); typ potom nesie podfarbený tag .ttag pri
     názve v zozname. Nový typ bez tokenu spadne na --tp-default. */
  --tp-default:        var(--stc-active-line);
  --tp-preventivka:    #5e8f66;
  --tp-vysetrenie:     #c08d45; /* jantárová (výber klienta 2026-07-23) */
  --tp-akupunktura:    #7d5871;

  /* Podfarbenie tagu typu: -bg = svetlý nádych do plochy tagu, -tx = stmavená
     varianta na text (kontrast na -bg je >= 4.5:1). Trojica bg/tx/základ patrí
     k sebe — pri pridaní typu doplň všetky tri. */
  --tp-default-bg:     #e7ece7;
  --tp-default-tx:     #4a6a4e;
  --tp-preventivka-bg: #e6ede6;
  --tp-preventivka-tx: #46654a;
  --tp-vysetrenie-bg:  #f3e6d0;
  --tp-vysetrenie-tx:  #75521f;
  --tp-akupunktura-bg: #eee3ea;
  --tp-akupunktura-tx: #5c3a4f;

  /* Interné typy (len personál) — indigo a olivová sú zámerne ďaleko od seba,
     lebo Odber krvi a Predoperačné vyšetrenie stoja v rannom bloku vedľa seba. */
  --tp-odber:          #5c5f90;
  --tp-odber-bg:       #e6e6f0;
  --tp-odber-tx:       #43456e;
  --tp-predop:         #1497a4; /* tyrkysová — zámerne ďalej od zelenej preventívky */
  --tp-predop-bg:      #d8eef1;
  --tp-predop-tx:      #0f5c65;

  /* Náhradná paleta pre typ založený v Nastaveniach, ktorý ešte nemá vlastný
     token: kalendár mu pridelí --tp-pal-N podľa poradia typu, aby nesplynul
     s ostatnými. Hodnoty sú mimo rodiny stavových tokenov (wait/neg/done). */
  --tp-pal-1:          #4f7d78;
  --tp-pal-1-bg:       #e0eae8;
  --tp-pal-1-tx:       #2f544f;
  --tp-pal-2:          #6a6d9e;
  --tp-pal-2-bg:       #e6e6f0;
  --tp-pal-2-tx:       #43456e;
  --tp-pal-3:          #77864f;
  --tp-pal-3-bg:       #e9eddd;
  --tp-pal-3-tx:       #4a5630;
  --tp-pal-4:          #7d5871;
  --tp-pal-4-bg:       #eee3ea;
  --tp-pal-4-tx:       #5c3a4f;
  --tp-pal-5:          #6f7a8b;
  --tp-pal-5-bg:       #e6e9ee;
  --tp-pal-5-tx:       #3c4757;
  --tp-pal-6:          #8a6a4a;
  --tp-pal-6-bg:       #ede3d8;
  --tp-pal-6-tx:       #5b422b;
}