/* Jedyne miejsce, gdzie żyją wartości. Reguły w site.css korzystają wyłącznie stąd.
   Deklaracje @font-face są w fonts.css, generowanym przez tools/fetch-fonts.mjs. */

:root {
  /* kolor */
  --ink:        #0B0D0F;
  --ink-2:      #14181C;
  --line:       #23292F;
  --line-2:     #2E363D;
  --brand:      #005B93;
  --ink-blue:   #4FB3E8;
  --paper:      #E8EAEC;
  --muted:      #79848E;
  --muted-2:    #5A646D;

  /* typografia */
  --font-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "Plex Mono", ui-monospace, Consolas, monospace;

  --step--1: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.12rem);
  --step-1:  clamp(1.30rem, 1.18rem + 0.55vw, 1.70rem);
  --step-2:  clamp(1.70rem, 1.42rem + 1.30vw, 2.60rem);
  --step-3:  clamp(2.20rem, 1.60rem + 2.90vw, 4.20rem);
  --step-4:  clamp(2.80rem, 1.50rem + 6.20vw, 7.00rem);

  --track-label: 0.22em;

  /* odstępy i miary */
  --gap-xs: 0.5rem;
  --gap-s:  1rem;
  --gap-m:  2rem;
  --gap-l:  4rem;
  --gap-xl: clamp(4rem, 10vw, 9rem);
  --wrap:   1180px;
  --pad-x:  clamp(1rem, 4vw, 2rem);
}