/* ------------------------------------------------------------------
   Dizajnové tokeny LUMA Creative

   Typografia, rozmery, rádiusy a časovanie animácií pochádzajú zo šablóny
   Necyron (templates/global.json). Farebná paleta je z manuálu LUMA — zlatá
   #F5C26B na tmavom podklade. Šablóna má vlastnú šalviovú zelenú, tá by ale
   prebila značku, takže z nej preberáme len tonálnu stavbu: jeden sýty akcent
   na takmer čiernom pozadí.

   Svetlá téma je východisková; tmavá sa aktivuje cez [data-theme="dark"]
   alebo systémovú preferenciu, keď si používateľ nevybral.
   ------------------------------------------------------------------ */

:root {
  /* --- Značka --- */
  --luma-gold: #f5c26b;
  /* Zlatá presne z kresby značiek (znacka-primarna.svg, vera.svg,
     prizma.svg). Rovnica v hero je ňou písaná, aby písmo a glyf vedľa neho
     boli tá istá farba, nie dve podobné. */
  --luma-gold-znacka: #f0c97a;
  --luma-gold-strong: #b07d20;
  --luma-gold-soft: #fdf3e2;
  --luma-ink: #1f1f1f;
  --luma-navy: #111828;
  --luma-charcoal: #30363d;
  --luma-slate: #8a8f99;

  /* --- Plochy a text (svetlá téma) --- */
  --bg: #ffffff;
  --bg-alt: #f6f6f4;
  --bg-raised: #ffffff;
  --surface: #ffffff;
  --surface-contrast: #111828;
  --text: #1f1f1f;
  --text-muted: #555555;
  --text-inverse: #ffffff;
  --border: rgba(17, 24, 40, 0.12);
  --border-strong: rgba(17, 24, 40, 0.22);
  --accent: var(--luma-gold-strong);
  --accent-contrast: #1f1f1f;
  --accent-bg: var(--luma-gold);
  --shadow-sm: 0 1px 2px rgba(17, 24, 40, 0.06);
  --shadow-md: 0 8px 24px rgba(17, 24, 40, 0.08);
  --shadow-lg: 0 18px 48px rgba(17, 24, 40, 0.12);

  /* --- Písmo (zo šablóny) --- */
  --font-heading: "Ubuntu", "Ubuntu fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "DM Sans", "DM Sans fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-base: 16px;

  /* Nadpisy: šablóna dáva H1 9.8em desktop / 5.2em tablet / 2.3em mobil.
     Prepísané na clamp(), aby prechod medzi bodmi zlomu nebol skokový. */
  --fs-h1: clamp(2.3rem, 11vw, 9.8rem);
  --fs-h2: clamp(1.9rem, 4.2vw, 2.7rem);
  --fs-h3: clamp(1.4rem, 2.6vw, 1.85rem);
  --fs-h4: clamp(1.15rem, 2vw, 1.35rem);
  --fs-body: 1rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;

  --lh-h1: 0.92;
  --lh-h2: 1.1;
  --lh-body: 1.65;
  --tracking-tight: -0.02em;
  --tracking-label: 0.14em;

  /* --- Rozostupy --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  /* Šablóna dáva sekciám 50px zvisle a kontajner 1300px. Vodorovné odsadenie
     má 0 na desktope, 30px na tablete a 20px na mobile — to rieši --gutter. */
  --section-y: 50px;
  --section-y-velka: 100px;
  --container: 1300px;
  --container-narrow: 860px;
  --gutter: 0px;

  /* --- Tvary (zo šablóny) --- */
  --radius-sm: 10px;
  --radius-md: 15px;
  --radius-lg: 20px;
  --radius-pill: 25px;

  /* --- Pohyb (zo šablóny) --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 160ms;
  --dur: 300ms;
  --dur-slow: 500ms;
  --transition: all var(--dur) var(--ease);

  /* --- Vrstvenie --- */
  --z-header: 100;
  --z-menu: 200;
  --z-modal: 300;
  --z-toast: 400;
}

/* Tmavá téma — explicitná voľba používateľa. */
:root[data-theme="dark"] {
  --bg: #0b0f14;
  --bg-alt: #111828;
  --bg-raised: #161d2b;
  --surface: #12131b;
  --surface-contrast: #f6f6f4;
  --text: #f2f3f5;
  --text-muted: #c0c0c0;
  --text-inverse: #12131b;
  --border: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.28);
  --accent: var(--luma-gold);
  --accent-contrast: #1f1f1f;
  --accent-bg: var(--luma-gold);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);
}

/* Systémová preferencia platí len dovtedy, kým si používateľ nevyberie sám.
   Zápis :not([data-theme="light"]) zabezpečí, že explicitná svetlá voľba
   prekryje tmavý systém — inak by sa prepínač na tmavom Macu tváril mŕtvo. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg: #0b0f14;
    --bg-alt: #111828;
    --bg-raised: #161d2b;
    --surface: #12131b;
    --surface-contrast: #f6f6f4;
    --text: #f2f3f5;
    --text-muted: #c0c0c0;
    --text-inverse: #12131b;
    --border: rgba(255, 255, 255, 0.14);
    --border-strong: rgba(255, 255, 255, 0.28);
    --accent: var(--luma-gold);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);
  }
}

/* Body zlomu — držané v jednom mieste, aby sa v médiách neopakovali čísla.
   1280 desktop · 1180 MacBook Air 13" · 1024 tablet na šírku · 768 tablet
   na výšku · 480 mobil. */