/* =======================================================================
   theme.css — EDITOVATEĽNÁ ŠABLÓNA PRE DIZAJNÉRA
   -----------------------------------------------------------------------
   Tento súbor sa načítava SAMOSTATNE (mimo kompilovaného Tailwind bundla),
   takže ho môže dizajnér meniť priamo na FTP bez rebuildu. Odporúčame
   upravovať PRIORITNE len CSS premenné v bloku `:root` – všetok zvyšok
   aplikácie cez ne preberá vzhľad automaticky.

   Štruktúra:
     1. BRAND PALETA          — farby, primárne / sekundárne akcenty
     2. TYPOGRAFIA            — fonty, veľkosti, riadkovanie
     3. TVAROVANIE             — radii, tiene, border hrúbky
     4. CHAT & UI              — doplňujúce prvky (bubliny, pillovače, karty)
     5. DOKUMENT (PDF/ponuka)  — vizuál finálneho dokumentu + print layout
     6. NADPISOVÉ OVERRIDE-y    — príklady, ako prepísať konkrétny prvok

   Poznámka: Všetky premenné sú KASKÁDNE. Môžete ich prepisovať per-view
   (napr. `.print-paper { --color-brand: #cd9b23; }`) alebo globálne v `:root`.
   ======================================================================= */

:root {
  /* ---------------------------------------------------------------
     1) BRAND PALETA
     --------------------------------------------------------------- */
  --color-brand:       #c9a24a;  /* Primárna značka — zlatá */
  --color-brand-dark:  #9c7a2b;  /* Tmavší odtieň na hover / serifové popisky */
  --color-brand-light: #e8d7a5;  /* Svetlý akcent — pozadia, rámy */
  --color-ink:         #1a1a1a;  /* Primárny tmavý text a pozadia */
  --color-ink-soft:    #2c2c2c;  /* Jemnejšia verzia (sekundárne tlačidlá) */
  --color-paper:       #fbfaf5;  /* Papierové pozadie dokumentu */
  --color-cream:       #fafaf6;  /* Krémové pozadie panelov */
  --color-bg:          #f5f5f2;  /* Stránkové pozadie */
  --color-muted:       #6b6b66;  /* Popisky, sekundárny text */

  /* Sémantické */
  --color-success:     #059669;
  --color-warning:     #d97706;
  --color-danger:      #dc2626;

  /* ---------------------------------------------------------------
     2) TYPOGRAFIA
     --------------------------------------------------------------- */
  --font-sans:
    var(--font-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-display:
    var(--font-display), ui-serif, Georgia, "Times New Roman", serif;

  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-lg:   18px;
  --fs-xl:   24px;
  --fs-xxl:  36px;

  --lh-tight:  1.2;
  --lh-base:   1.55;
  --lh-loose:  1.75;

  /* ---------------------------------------------------------------
     3) TVAROVANIE
     --------------------------------------------------------------- */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-pill: 9999px;

  --shadow-sm:  0 1px 2px rgba(0, 0, 0, .04);
  --shadow-md:  0 4px 12px -2px rgba(0, 0, 0, .08);
  --shadow-lg:  0 30px 80px -30px rgba(26, 26, 26, .3);

  /* ---------------------------------------------------------------
     4) CHAT & UI — drobné doladenia (voliteľné)
     --------------------------------------------------------------- */
  --chat-bubble-user-bg: var(--color-ink);
  --chat-bubble-user-fg: #ffffff;
  --chat-bubble-ai-bg:   #ffffff;
  --chat-bubble-ai-fg:   #1e1e1e;
  --chat-bubble-ai-border: #e7e5e4;

  --card-bg:      #ffffff;
  --card-border:  #e7e5e4;
  --card-hover-border: var(--color-brand);

  --button-primary-bg: var(--color-ink);
  --button-primary-fg: #ffffff;
  --button-primary-hover-bg: #000000;

  --input-border: #d6d3d1;
  --input-focus-border: color-mix(in srgb, var(--color-brand) 60%, transparent);

  /* ---------------------------------------------------------------
     5) DOKUMENT — finálna cenová ponuka
     --------------------------------------------------------------- */
  --doc-bg:        var(--color-paper);
  --doc-fg:        var(--color-ink);
  --doc-accent:    var(--color-brand);
  --doc-accent-dk: var(--color-brand-dark);
  --doc-border:    #e7e5e4;
  --doc-page-bg:   #efece3;
  --doc-table-hd:  #fafaf6;
  --doc-stripe:    #fdfcf7;   /* pre budúci zebra striping */
  --doc-radius:    16px;
  --doc-padding-x: 56px;
  --doc-padding-y: 40px;
}

/* =======================================================================
   6) PRÍKLAD OVERRIDE-OV — ukážka, čo všetko môže dizajnér rýchlo zmeniť.
   Stačí odkomentovať / skopírovať a prepísať hodnotu.
   ======================================================================= */

/*
:root {
  --color-brand:        #b8944c;
  --color-ink:          #0f0f10;
  --doc-page-bg:        #f2efe6;
  --radius-md:          10px;
  --shadow-lg:          0 20px 60px -20px rgba(0, 0, 0, .35);
}
*/

/* Konkrétne prispôsobenia priamo na CSS selektore — voliteľné. */

/* Hlavný nadpis dokumentu (Cenová ponuka) — napr. zmeniť letter-spacing */
/*
.print-paper h1 {
  letter-spacing: -0.01em !important;
}
*/

/* Oranžovejší AI bubble (pre chat): */
/*
:root {
  --chat-bubble-ai-bg:     #fffaf0;
  --chat-bubble-ai-border: #f0d9a8;
}
*/

/* Hrubší border finálneho dokumentu pre printové verzie: */
/*
@media print {
  .print-paper {
    border: 1px solid var(--color-ink) !important;
  }
}
*/