/* ===== Zaoblení rohů Sklyvo — jediná hodnota v celém produktu =====
 *
 * Načítá to LANDING (public/landing/*.html přes <link>) i APLIKACE
 * (import v app/layout.tsx), stejně jako tlačítko a typografii. Do doby, než
 * tenhle soubor vznikl, si landing držel vlastní hodnoty (4, 6, 7,4, 10,
 * 12 px) a workspace svoje — a při každé změně se obě strany rozešly.
 *
 * ZMĚNA ZAOBLENÍ V CELÉM PRODUKTU = změna `--sk-radius`. Nikde jinde se
 * hodnota nepíše: ani v CSS komponent, ani jako `rounded-[Npx]` v Tailwindu.
 * Tailwind má celou svoji škálu (`rounded`, `-sm`, `-lg`, `-2xl` …)
 * namapovanou sem v tailwind.config.ts, takže `rounded-lg` znamená totéž co
 * `rounded`.
 *
 * VÝJIMKY jsou jen dvě, a ani jedna není roh:
 *   • `--sk-radius-pill` (999px) a `50%` — kolečka: avatary, tečky, štítky.
 *   • Značka Sklyvo — dlaždice loga má vlastní geometrii odvozenou od své
 *     velikosti (6,7 px na 30px značce), aby se logo nedeformovalo.
 */
:root {
  --sk-radius: 3px;

  /* Aliasy z dřívějška. Ukazují na tutéž hodnotu — jsou tu proto, že je volá
     kód na spoustě míst, ne aby se lišily. Nové kódu stačí `--sk-radius`. */
  --sk-radius-control: var(--sk-radius);
  --sk-radius-card: var(--sk-radius);
  --sk-radius-card-lg: var(--sk-radius);
  --sk-radius-hero: var(--sk-radius);

  --sk-radius-pill: 999px;

  /**
   * Zaoblení v levém sloupci. Je měkčí než `--sk-radius`, protože
   * podsvícení položky menu na 3 px vypadalo jako ostrý obdélník za textem.
   *
   * SDÍLÍ HO CELÝ SIDEBAR — podsvícení položky, blok s využitím, řádek
   * s profilem, fotka i nabídka nad ním. Kdo mění tady, mění je všechny
   * najednou; do sidebaru nepatří žádná vlastní hodnota.
   */
  --sk-radius-nav: 10px;
}