/* AL-TRANS. Klient nie przyslal jeszcze logo (folder altrans okazal sie
   materialem innej firmy), wiec paleta nie jest wyprowadzona przez
   derive_tokens.py, tylko dobrana: czerwien drogowa na cieplej czerni.
   Po dostaniu logo przepuscic przez derive_tokens --logo i podmienic te
   cztery wartosci akcentu. */
:root {
  --ink: #141215;
  --ink-2: #1E1B1F;
  --ink-3: #2A262B;
  --bg: #FAF8F8;
  --surface: #FFFFFF;
  --surface-2: #F1EEEE;
  --line: #E2DDDD;
  --line-dark: #332E33;
  --text: #17141A;
  --muted: #5B565C;
  --muted-dark: #ADA7AE;
  /* #D81018 daje 5,24:1 z biala typografia, wiec przechodzi AA takze dla
     zwyklego tekstu; jasniejsza czerwien zostaje na ikony i kickery */
  --accent: #D81018;
  --accent-bright: #FF3B42;
  --accent-deep: #B00C13;
  --accent-ink: #FFFFFF;

  --font-display: "Space Grotesk", "Segoe UI", Arial, sans-serif;
  --font-text: "Inter", "Segoe UI", Arial, sans-serif;

  --r-sm: 14px;
  --r-md: 22px;
  --r-lg: 28px;
  --r-xl: 36px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(20, 18, 21, .06);
  --shadow-md: 0 18px 46px rgba(20, 18, 21, .12);
  --shadow-lg: 0 30px 80px rgba(20, 18, 21, .22);

  --ease: cubic-bezier(.22, .72, .2, 1);
  --naglowek: 84px;
}