/* TOKENY — jediné miesto so spoločnými hodnotami webu (29. 10. 2026, krok 2 knižnice komponentov).
   Načíta sa PRED ostatnými štýlmi. Téma povrchu (--c-*) je pri sekciách v userStyles, tokeny splashov (--sp-*) v f-splash.css.
   Vytvoril tools/tokeny_zjednot.py — hodnoty sú presne tie, ktoré web používal dovtedy. */
:root {
  /* Farby */
  --f-ink: hsla(210, 33.33%, 9.41%, 1);
  --f-paper: hsla(48, 18.52%, 94.71%, 1);
  --f-neutral: hsla(45, 16%, 90.2%, 1);
  --f-mute-dark: hsla(210, 8.24%, 66.67%, 1);
  --f-mute-light: hsla(212.31, 6.67%, 38.24%, 1);
  --f-body-dark: hsla(210, 8.57%, 86.27%, 1);
  --f-body-light: hsla(210, 10.45%, 26.27%, 1);
  --f-line-l: rgba(16,24,32,.2);
  --f-line-d: rgba(244,243,239,.2);
  --f-neutral-2: hsla(46.67, 11.39%, 84.51%, 1);
  --f-surface: hsla(210, 29.41%, 13.33%, 1);
  --f-text-light: hsla(210, 21.05%, 14.9%, 1);
  --f-line-d2: rgba(244,243,239,.24);
  --f-line-l2: rgba(16,24,32,.24);
  /* Farby projektov */
  --f-max-a: #F3B955;
  --f-max-b: #E0823A;
  --f-max-grad: linear-gradient(45deg, var(--f-max-a) 0%, var(--f-max-b) 100%);
  --f-signal-max: hsla(37.97, 86.81%, 64.31%, 1);
  /* 31. 10. 2026: každá značka = dve farby (a → b) + prechod z nich, rovnako ako FUTUR MAX */
  --prj-one-a: #7FC3E8;
  --prj-one-b: #5A86D6;
  --prj-one: linear-gradient(45deg, var(--prj-one-a) 0%, var(--prj-one-b) 100%);
  --prj-studio-a: #E98AB5;
  --prj-studio-b: #8E6BD8;
  --prj-studio: linear-gradient(45deg, var(--prj-studio-a) 0%, var(--prj-studio-b) 100%);
  --prj-x-a: #DCE775;
  --prj-x-b: #9CC94B;
  --prj-x: linear-gradient(45deg, var(--prj-x-a) 0%, var(--prj-x-b) 100%);
  --f-online-grad: linear-gradient(45deg, #DCE775 0%, #9CC94B 100%);
  --f-online: #B9D85F;
  /* Diagramy — odtiene dosiek a čiar (31. 10. 2026: predtým pevné farby v ph-viz / ph-koncepty) */
  --f-white: #FFFFFF;
  --f-max-edge: #C46A2C;
  --f-max-deep: #B4561F;
  --f-max-deeper: #7A2E0E;
  --f-plate-side-l: #E2E0D9;
  --f-plate-side-l-act: #3A4552;
  --f-plate-side-d: #1F2933;
  --f-plate-side-d-act: #C9C7C0;
  --f-plate-ring: #121820;
  /* Písma */
  --font-f-font-sans: "articulat-cf", Arial, sans-serif;
  --font-f-font-serif: "freight-text-pro", Georgia, serif;
  --font-f-font-mono: "ellograph-cf", monospace;
  /* Veľkosť písma */
  --ts-nadpis: clamp(56px, 7.6vw, 130px);
  --ts-stredny: clamp(22px, 1.95vw, 28px);
  --ts-text: 16px;
  --ts-ui: 15px;
  --ts-popis: 11px;
  --ts-veta: var(--ts-stredny);
  --ts-velky: clamp(26px, 2.5vw, 36px);
  --ts-text-l: clamp(18px, 1.4vw, 20px);
  --ts-sekcia: clamp(40px, 5vw, 72px);
  --ts-stranka: clamp(56px, 9vw, 152px);
  /* Riadkovanie */
  --lh-display: 0.96;
  --lh-nadpis: 1.1;
  --lh-veta: 1.2;
  --lh-uvod: 1.35;
  --lh-text: 1.5;
  --lh-odsek: 1.65;
  --lh-popis: 1.4;
  /* Rozostup písmen */
  --tr-stranka: -.03em;
  --tr-sekcia: -.025em;
  --tr-velky: -.015em;
  --tr-stredny: -.01em;
  --tr-text: 0;
  --tr-popis: .08em;
  /* Medzery a šírka */
  --f-gap: clamp(16px, 2.5vw, 40px);
  --f-max: 1680px;
  --f-pad: clamp(20px, 3.4vw, 48px);
  --f-gap-l: clamp(24px, 3.2vw, 48px);
  --f-sp-text: 40px;
  --f-sp-obsah: clamp(56px, 6.7vw, 96px);
  /* Pohyb */
  --t-rychlo: 240ms;
  --t-zmena: 400ms;
  --t-nabeh: 600ms;
  --t-pomaly: 900ms;
  --t-dlhy: 1200ms;
  --f-ease: cubic-bezier(.2,0,0,1);
  /* Tvar */
  --f-atom-r: 13.39%;
  /* Vrstvy (z-index) */
  --z-lista: 30;
  --z-wa: 60;
  --z-menu: 70;
  --z-panel: 80;
  --z-nav: 90;
}