/* Masters of Moving (Michał Wytrychowski, Warszawa). Paleta zdjęta pipetą
   z jego własnej grafiki z wizytówki: złoto #FED217 z obwódki i pasów,
   czerń #000508 z tła oraz biel. Maks zapisał w notatce "ztonowana,
   czytelnie wyraziście", więc czerń niesie całą stronę, a złoto pracuje
   jako jeden mocny akcent, dokładnie tak jak na jego znaczku.
   Kontrasty: czarna typografia na złocie #F3C317 daje 12,6:1, złoto na
   czerni 12,0:1. Białej typografii na złocie NIE używamy, bo to 1,5:1. */
:root {
  --ink: #0F1316;
  --ink-2: #161B20;
  --ink-3: #23292F;
  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --surface-2: #F1F1F2;
  --line: #E2E3E5;
  --line-dark: #2F353C;
  --text: #0F1316;
  --muted: #595F66;
  --muted-dark: #B5BAC1;
  --accent: #F3C317;
  --accent-bright: #FED217;
  --accent-deep: #D3A600;
  --accent-ink: #0F1316;

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

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

  --shadow-sm: 0 2px 10px rgba(15, 19, 22, .07);
  --shadow-md: 0 16px 40px rgba(15, 19, 22, .13);
  --shadow-lg: 0 28px 70px rgba(15, 19, 22, .26);

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