/* ======================================================================
   00-tokens/00-primitives.css -- SUROVÉ HODNOTY

   Táto vrstva nemá roly a nič nekreslí. Sú tu iba hodnoty: farby, dĺžky,
   časy a krivky. Nikto na ne nesiaha priamo z komponentu -- komponent
   siaha na rolu z `01-semantic.css`, ktorá si hodnotu vyberie odtiaľto.

   PREČO ODDELENE
   --------------
   Kým bola farba napísaná priamo v role, tá istá modrá bola v projekte
   vypísaná na štyroch miestach a pri zmene sa zmenili tri. Primitíva je
   jedno miesto pre hodnotu; rola je jedno miesto pre význam.

   PRAVIDLO VRSTVY
   ---------------
   Iba `:root`. Žiadny iný selektor, žiadna vlastnosť okrem `--*`.

   ČO SEM NEPATRÍ
   --------------
   Priesvitné materiálové recepty (`box-shadow`, sklenené výplne). Alfa
   je v nich súčasťou roly, nie palety: `rgba(255,255,255,.15)` nie je
   „biela", je to „výplň poľa". Takéto hodnoty žijú v `01-semantic.css`.
   ====================================================================== */

:root{
  /* ---- neutrálna škála ---------------------------------------------- */
  --c-ink-1000:#000000;
  --c-ink-950:#0F0F13;
  --c-ink-900:#14171B;
  --c-ink-880:#17171D;
  --c-ink-860:#1C2025;
  --c-ink-840:#1D2025;
  --c-ink-820:#1f1f27;
  --c-ink-800:#252930;
  --c-ink-400:#8b8b96;
  --c-ink-050:#f2f2f6;


  /* ---- signálne farby ----------------------------------------------- */
  --c-ice-400:#69d7ff;
  --c-ice-500:#43bce9;
  --c-mint-400:#3ddc97;
  --c-violet-400:#b18cff;
  --c-mint-500:#2bbd83;
  --c-amber-400:#ffb454;
  --c-red-400:#ff6b6b;
  /* Farby akcií sú pevné pre celú aplikáciu aj moduly. */
  --c-blue-600:#2f6ad9;
  --c-red-500:#ff334d;


  /* ---- dĺžky -------------------------------------------------------- */
  --len-radius-card:20px;
  /* Roh, ktorý pilulka pohybu SKUTOČNE kreslí. Napísaných má `999px`, ale
     999 nie je výsledok: prehliadač ho zreže na polovicu kratšej strany
     a pilulka je vysoká 62px, takže nakreslí 31px. Panelom sa odovzdáva
     táto hodnota, nie `999px` -- ich kratšia strana je šírka, takže by
     z 999 vyrobili roh cez 150px a rohy by sa dotkli. */
  --len-radius-pill-drawn:31px;

  /* ---- časy a krivky ------------------------------------------------ */
  /* Obe sú časťami jedinej roly `--qwick-blur-transition`: čas a krivka,
     ktorou plocha za popredím prechádza do rozostrenia a späť. */
  --ease-qwick:cubic-bezier(.32,.72,.35,1);
  --time-blur:.34s;
  /* Objavenie a zmiznutie. Sú to hodnoty jedinej dvojice rolí
     `--qwick-fade-in` / `--qwick-fade-out` v `01-semantic.css`. Zmiznutie
     je kratšie a zrýchľuje sa: prvok, ktorý odchádza, nemá zdržiavať to,
     čo prichádza. */
  --time-fade-in:.26s;
  --time-fade-out:.2s;
  --ease-fade-in:cubic-bezier(.22,.61,.36,1);
  --ease-fade-out:cubic-bezier(.4,0,1,1);
}