/* ============================================================================
   PôdnyRadar — design tokens (NÁVRH, zatiaľ NIKDE nezapojené)
   Vytvorené: 2026-08-14 · read-only audit prevzatia.

   Zdroj hodnôt (overené čítaním):
     - SVETLÁ (transakčná/spis) téma: web/stavba-spis.css:7-21  (etalon)
       + potvrdené v web/sluzba-spis.html a web/legalizacia-spis.html (:root)
     - TMAVÁ (marketing/obce) téma: web/ds.css:22-32 (--ds-*)
       + web/obec/*.html používajú skrátené aliasy (--bg/--tx/--cyan)

   VEDOMÉ PRAVIDLO TÉM (viď docs/DESIGN-SYSTEM-NAVRH.md, bod 2b):
     • Marketing, obce, mapy, obsah      → TMAVÁ téma (.theme-dark / :root default ds.css)
     • Transakčný flow a SPIS (platba,    → SVETLÁ téma (.theme-light)
       dashboard, dokumenty, onboarding)
   Neaplikovať plošne — použiť ako single source pri migrácii na spis-engine.
   ============================================================================ */

:root {
  /* ---- neutrálne / spoločné ---- */
  --pr-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; /* svetlá téma */
  --pr-font-sans-dark: Satoshi, system-ui, sans-serif;                     /* tmavá téma */
  --pr-font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, monospace;

  /* ---- typografická škála (z stavba-spis.css) ---- */
  --pr-fs-h1: 23px;            /* stavba-spis.css:278 */
  --pr-fs-h2: 19px;            /* :92 */
  --pr-fs-h3: 17px;            /* sluzba-spis / next-step */
  --pr-fs-body: 16px;          /* :26 (line-height 1.55) */
  --pr-fs-sm: 14px;
  --pr-fs-xs: 12px;
  --pr-lh-body: 1.55;
  --pr-fw-bold: 800;           /* nadpisy, CTA */
  --pr-fw-med: 650;

  /* ---- spacing škála ---- */
  --pr-sp-1: 4px;
  --pr-sp-2: 8px;
  --pr-sp-3: 12px;
  --pr-sp-4: 16px;
  --pr-sp-5: 22px;
  --pr-pad-card: 20px 22px;    /* stavba-spis.css:91 */

  /* ---- radiusy (stavba-spis.css:21) ---- */
  --pr-radius: 14px;           /* --r */
  --pr-radius-sm: 10px;        /* --r-sm, buttony */
  --pr-radius-pill: 999px;     /* statusy, badge */

  /* ---- tiene (stavba-spis.css:18-20) ---- */
  --pr-shadow-sm: 0 2px 6px rgba(19,40,30,.06);
  --pr-shadow: 0 10px 30px -8px rgba(19,40,30,.16);
  --pr-shadow-lg: 0 22px 54px -16px rgba(19,40,30,.28);

  /* ---- breakpointy (z @media v stavba-spis.css) ---- */
  --pr-bp-form: 560px;         /* :314 bill-grid → 1 stĺpec */
  --pr-bp-mobile: 600px;       /* :341 hero shrink */
  --pr-bp-grid: 820px;         /* :525 sp-grid → 1 stĺpec */
  --pr-bp-stepper: 860px;      /* :325 vertikálny→horizontálny stepper */
}

/* ==========================================================================
   SVETLÁ TÉMA — transakčná / spis (etalon = stavba-spis.css:7-21)
   Použi na: stavba.html spis, checkout, výzva na úhradu, dokumenty, onboarding.
   ========================================================================== */
.theme-light {
  --bg:        #eef3f0;   /* KANONICKÉ (Beh 3): legalizacia migrovaná sem; landingy #f3f7f4 → Beh 5 */
  --panel:     #ffffff;
  --panel-2:   #f6faf8;
  --ink:       #132119;
  --ink-2:     #3c4d44;
  --muted:     #586b61;
  --faint:     #7c8d84;
  --line:      #d7e3db;
  --line-2:    #c4d5cb;
  --accent:    #12a58c;   /* KANONICKÝ teal (Beh 3); verejné landingy #16b89e zjednotí Beh 5 */
  --accent-d:  #0a6155;
  --accent-ink:#04231d;
  --soft:      #e7f4ef;
  --soft-2:    #daeee7;
  /* stavy timeline / dokumentov (5 stavov) */
  --st-done:   #1c7a52; --st-done-bg:  #e6f4ec; --st-done-line: #bfe2cd;
  --st-ready:  #0a6155; --st-ready-bg: #e4f2ee;
  --st-waitp:  #12a58c; --st-waitp-bg: #e7f4ef;
  --st-attn:   #b45a12; --st-attn-bg:  #fdf2e6; --st-attn-line: #f0d5b4;
  --st-hold:   #4f63c7; --st-hold-bg:  #eceffb; --st-hold-line: #cdd5f2;
  --warn:      #b45a12; --warn-bg: #fdf2e6; --warn-line: #f0d5b4;
  --font: var(--pr-font-sans);
}

/* ==========================================================================
   TMAVÁ TÉMA — marketing / obce / mapy (etalon = ds.css:22-32)
   Použi na: index, obce, mapa-temy, hub, landingy, obsah.
   ========================================================================== */
.theme-dark {
  --bg:        #0A0F1A;
  --bg-2:      #0E1626;
  --nav:       #0B1220;
  --nav-solid: #070C15;
  --line:      #1B2740;
  --line-2:    #25344F;
  --tx:        #E6ECF4;
  --tx-2:      #9DABBF;
  --tx-3:      #74839B;   /* AA 4.7–5.0:1 na tmavých pozadiach (ds.css:25-26) */
  --cyan:      #4DE1C1;   /* primárny akcent tmavej témy */
  --cyan-d:    #2CB89C;
  --orange:    #E8623A;
  --amber:     #E8B84A;
  --blue:      #6AA6E8;
  --violet:    #B98CE8;
  --green:     #6BCB77;
  --pink:      #F2789F;
  --hunt:      #4DA65A;
  --ink-on-cyan:#06231C;
  --font: var(--pr-font-sans-dark);
}

/* Pozn.: NIE je cieľom, aby obe témy mali rovnaké názvy premenných dokonale
   zosúladené — cieľ je JEDEN zdroj hodnôt. Pri migrácii spis-enginu sa použije
   .theme-light blok; ds.css ostáva zdroj tmavej témy pre marketing/obce. */