/* Regesta: tokeny. Jedyne źródło kolorów, typografii i odstępów dla motywu i bloków.
   Zmiana wyglądu = zmiana tokenu. Wartości odpowiadają stronie po poprawkach z 21.10. */

@font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/poppins-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/poppins-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Kolory. Jedyny akcent: czerwień Regesty. Zero różu. */
  --color-bg: #0f0f10;
  --color-header: #111214;
  --color-surface: #1e1e21;
  --color-surface-2: #161418;
  --color-text: #fff;
  --color-text-muted: rgba(255, 255, 255, .7);
  --color-text-soft: rgba(255, 255, 255, .66);
  --color-line: rgba(255, 255, 255, .12);
  --color-line-strong: rgba(255, 255, 255, .2);
  --color-red: #cb2127;            /* czerwień marki: przyciski, tła, ikony [DO POTWIERDZENIA z księgą znaku] */
  --color-red-bright: #e9333a;     /* czerwień tekstu na czarnym (kontrast 4,5:1) */
  --color-navy: #03359e;           /* tylko naczepa na Transporcie */
  --color-star: #f5c24a;           /* gwiazdki ocen */

  /* Typografia */
  --font-sans: Poppins, system-ui, sans-serif;
  --text-label: 16px;
  --text-small: 14px;
  --text-body: 16px;
  --text-lead: 16px;
  --text-button: 15px;
  --text-h3: 24px;
  --text-h2: clamp(30px, 2.8vw, 39.6px);
  --text-h1: clamp(36px, 4.3vw, 61px);
  --text-display: clamp(48px, 5.6vw, 99px);
  --leading-tight: 1.2;
  --leading-snug: 1.3;
  --leading-body: 1.65;
  --tracking-label: .12em;
  --tracking-heading: -.05em;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Odstępy */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Rytm. Sekcja ma się zmieścić w widoku laptopa (1366×768 minus nagłówek). */
  --header-h: 58px;
  --chapters-h: 0px; /* wysokość paska rozdziałów, ustawia blok chapters, gdy jest na stronie */
  --section-pad-y: var(--space-7);
  --head-label-gap: var(--space-4);
  --head-lead-gap: var(--space-4);
  --head-content-gap: var(--space-5);

  /* Kształty */
  --radius-control: 4px;
  --radius-card: 14px;
  --radius-panel: 16px;

  /* Układ */
  /* Sekcje treści mają węższy margines boczny niż nagłówek i stopka (jak na obecnej stronie). */
  --gutter: clamp(20px, 3.125vw, 60px);
  --gutter-chrome: clamp(22px, 5vw, 72px);
  --shell-max: 1740px;

  /* Ruch */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --duration: .25s;
  /* Krzywa ruchu rysunków (QA 27.10, B5): jedna dla pojazdów, ładunku i szlabanów; tę samą wpisują generatory w qa/tools/viz-*.mjs */
  --viz-ease: cubic-bezier(.45, 0, .25, 1);
  /* Ramki rysunków (QA 27.10, B6): jedno wcięcie, S = pół szerokości (rysunek do 240 px wysokości), L = pełna szerokość */
  --viz-pad: 24px;
  --viz-h-s: 240px;
}

@media (max-width: 1024px) {
  :root { --header-h: 64px; }
}
@media (max-width: 760px) {
  :root {
    --section-pad-y: 40px;
  }
}

@media (max-width: 620px) { :root { --viz-pad: 16px; } }