/* ══════════════════════════════════════════════════════════════
   TOKENS — jediný zdroj pravdy pre celý layout.
   Zmena tu sa prejaví všade.
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Základná mriežka ─────────────────────────────────────── */
  --page:      1440px;   /* referenčná šírka návrhu            */
  --margin:     105px;   /* okraj vľavo aj vpravo              */
  --content:   1230px;   /* 1440 − 2×105  =  41 × 30           */
  --u:           30px;   /* ZÁKLADNÁ JEDNOTKA — medzera        */
  --radius:      30px;   /* zaoblenie rohov                    */

  /* Odvodené (needituj, počíta sa z --u) */
  --pad:        var(--u);              /* padding v ráme        */
  --inner:      calc(var(--content) - 2 * var(--u));  /* 1170px */

  /* ── Vertikálny rytmus ────────────────────────────────────── */
  --sp-top:      60px;   /*  2u — vrch stránky → hlavička       */
  --sp-hero:     90px;   /*  3u — hlavička → hero               */
  --sp-sec-pre: 120px;   /*  4u — nad nadpisom sekcie (merané)  */
  --sp-sec-post:120px;   /*  4u — pod nadpisom sekcie (merané)  */
  --sp-bottom:  240px;   /*  8u — spodok stránky                */

  /* ── Pozadie „liquid glass" ───────────────────────────────
     Sila jednotlivých vrstiev. Všetko sú alfa hodnoty 0–1;
     čím vyššie, tým výraznejšie pozadie. Držať nízko — pozadie
     nesmie súťažiť s prácou.                                  */
  --glow-lime:    0.17;   /* limetkové svetlo hore vľavo       */
  --glow-magenta: 0.20;   /* magenta vpravo                    */
  --glow-orange:  0.15;   /* oranžová dole vľavo               */
  --glow-cold:    0.12;   /* studený modrý akcent — „chlad skla" */
  --sheen:        0.055;  /* odlesk kĺžuci sa po skle          */
  --grain:        0.03;   /* zrno proti pruhovaniu gradientov  */
  --glass-edge:   0.07;   /* vlások svetla na hornej hrane dlaždice */
  --glass-shadow: 0.60;   /* mäkký tieň pod dlaždicou          */

  /* ── Farby (vzorkované z PDF) ─────────────────────────────── */
  --bg:            #141519;   /* základ pozadia (bolo #383838) */
  --tile-black:    #000000;
  --tile-white:    #FFFFFF;
  --text:          #FFFFFF;

  --lumen-lime:    #CAFF4D;
  --lumen-olive:   #516E32;
  --lumen-orange:  #FE6F1F;
  --lumen-red:     #DD4400;
  --lumen-magenta: #E40265;
  --lumen-pink:    #ED7CB2;
  --lumen-cream:   #EFE1DD;

  /* ── Typografia ───────────────────────────────────────────── */
  --font: "obviously-variable", "obviously",
          "Helvetica Neue", Arial, sans-serif;

  --fs-header:  40px;    /* FESTIVAL LUMEN / 2026               */
  --fs-section: 36px;    /* I. IDEA, 2. VIZUÁLNY SYSTÉM         */
  --fs-label:   26px;    /* HUDOBNÝ PROGRAM …                   */

  /* Os šírky Obviously Variable — 100 = normal, nižšie = kondenzované.
     Ak Adobe os `wdth` servíruje, zmena tohto čísla ju otestuje.
     Ak nie, prehliadač deklaráciu ticho ignoruje.               */
  --wdth:        100;

  --rule-w:    300px;    /* biela linka pri nadpise sekcie      */
  --rule-h:      6px;

  /* ── Rotácia ──────────────────────────────────────────────── */
  /* Ako často sa prepne JEDEN stĺpec. Pevné, nezávislé od počtu snímok. */
  --interval: 1500ms;

  /* Stĺpce v jednej skupine sa striedajú POSTUPNE V RADE, nie naraz.
     Posun sa dopočíta ako --interval ÷ počet stĺpcov v skupine
     (pri troch = 500 ms), takže na stránke nastane práve jedna zmena
     každých 500 ms a poradie je zľava doprava, stále dokola.        */

  /* ── Parallax — plávanie dlaždíc ──────────────────────────
     Amplitúdy sú v PIXELOCH, aby sa dali priamo porovnať
     s 30px medzerou medzi dlaždicami. Súčet vplyvov je
     navrhnutý tak, aby sa susedné dlaždice nikdy nedotkli.
     --float-scale: 0 celý efekt vypne, 3 ho zvýrazní na ladenie. */
  --float-scale:   2;
  --float-idle:    3;      /* px  — pokojný drift                 */
  --float-mouse:   4;      /* px  — reakcia na pohyb myši         */
  --float-scroll:  4;      /* px  — hĺbka pri scrollovaní         */
  --float-tilt:  0.8;      /* °   — 3D naklonenie                 */
  --float-lift:  1.5;      /* px  — rast hrany pri nadľahčení     */
  --float-lerp: 0.045;     /*     — zotrvačnosť; nižšie = pomalšie */

  /* ── Škálovanie (nastavuje JS) ────────────────────────────── */
  --scale: 1;
  --scale-max: 1.6;
}