/* ============================================================
   Sapiform brand kit v2 „Forma" — tokeny (jediné místo s hex hodnotami)
   Spec §4.2, feature doc docs/design/brand-kit-forma.md §2. Žádná pravidla komponent.
   Fonty: fonts.css. Komponenty a pohyb: forma.css, marks.js, motion.js.
   ============================================================ */
:root{
  color-scheme:light;

  /* podklad a text */
  --bg:#F7F7F5; --bg-2:#FFFFFF; --card:#FFFFFF;
  --fg:#0E0F14; --fg-2:#3A3D47; --muted:#5F6472; --line:rgba(14,15,20,.09);

  /* značky — jediné místo s hex hodnotami produktů */
  --c-sapiform:#4338CA; --c-cardara:#2F55E0; --c-cautora:#C2410C;
  --c-lucidor:#0F766E; --c-sapibi:#6D28D9; --c-sapiweb:#15803D;

  /* akcent webu: hub = sapiform, produktový web = vlastní barva (forma.css :root[data-product]) */
  --accent:var(--c-sapiform); --accent-2:var(--c-lucidor);
  --on-accent:#FFFFFF;

  /* sekundární prvky značky na světlém podkladu (kulička, střed, čepička); na výplni se přepíše na --c */
  --s2:rgba(255,255,255,.75);

  /* tvar, stín, pohyb */
  --r:16px; --r-sm:10px; --r-pill:10px;
  --shadow:0 18px 44px rgba(14,15,20,.10);
  --ease:cubic-bezier(.2,1.1,.3,1); --dur:.7s;
  --rv-t:translateY(28px);

  /* pozadí stránky: motion.js míchá --tint při scrollu přes produkty (8 %), jinak --bg */
  --tint:var(--bg);

  /* typografie */
  --font-display:"Schibsted Grotesk",system-ui,sans-serif;
  --font-body:"Instrument Sans",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* odstupy (stupnice) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;

  /* kontejner */
  --maxw:1180px; --gutter:24px;
}
@media (max-width:719.98px){
  :root{--gutter:16px}
}