/* Bee-Trans, Cieciułów.
   Niebieski z logo wypadł na prośbę dyrektorki. Żółty został i dostał
   drugi kolor: GRAFIT. To para z samej nazwy firmy (bee = żółty i czarny),
   a przy okazji ten sam układ, co na własnej grafice klienta, gdzie napis
   siedzi na czerni. Czysta czerń poszła na #17191F, bo na dużych
   płaszczyznach jest mniej twarda, a tło jest ciepłą bielą, nie zimną.
   Kontrasty policzone: żółty #FFD100 z grafitem 12,1:1 w obie strony,
   więc niesie i przyciski z ciemnym napisem, i kickery na ciemnym tle.
   Grafit #14161B z bielą 15,5:1, szary #5A5E68 na bieli 6,4:1. */
:root {
  --ink: #17191F;
  --ink-2: #202430;
  --ink-3: #2B303B;
  --bg: #F8F7F4;
  --surface: #FFFFFF;
  --surface-2: #EDEDE7;
  --line: #E0E0D8;
  --line-dark: #32363F;
  --text: #14161B;
  --muted: #5A5E68;
  --muted-dark: #B4B7C0;
  --accent: #14161B;
  --accent-bright: #FFD100;
  --accent-deep: #3A3F4B;
  --accent-ink: #FFFFFF;
  --zolty: #FFD100;
  --zolty-deep: #E8BE00;
  --zolty-ink: #14161B;

  --font-display: "Bricolage Grotesque", "Segoe UI", Arial, sans-serif;
  --font-text: "Manrope", "Segoe UI", Arial, sans-serif;

  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(20, 22, 27, .08);
  --shadow-md: 0 18px 46px rgba(20, 22, 27, .16);
  --shadow-lg: 0 30px 80px rgba(20, 22, 27, .26);

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