/* OGNIWO Studio: JEDYNE miejsce kolorów, krojów, promieni i odstępów.
   Wartości z księgi marki D-231 (OGNIWO-AI/01-MARKA/ksiega-marki/tokens/ogniwo.css) i SYNTEZA-PANELU §7. */

@font-face {
  font-family: "Onest"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("fonts/onest-normal-300-800-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, 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: "Onest"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("fonts/onest-normal-300-800-latin.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 marki */
  --paper: #fafbf8;
  --surface: #ffffff;
  --ink: #182e30;
  --petrol: #145c63;
  --mint: #c8f4dc;
  --line: #d8dfd9;
  --muted: #5b6b68;
  --dark: #082f35;
  --soft: #edf2ed;
  --focus: #aa6638;
  /* kolor statusu (osobno od akcji): tylko „Wyłącz” i błędy */
  --alert: #9f2f25;
  --alert-tlo: #fbeceb;

  /* krój */
  --font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --w-tekst: 400;
  --w-naglowek: 500;
  --w-etykieta: 600;
  --w-wordmark: 750;
  --tracking-naglowek: -0.055em;
  --tracking-wordmark: -0.07em;
  --interlinia-tekst: 1.6;
  --interlinia-naglowek: 1.1;

  /* skala typu */
  --t-etykieta: 13px;
  --t-tabela: 14px;
  --t-tekst: 16px;
  --t-sekcja: 20px;
  --t-tytul: 28px;
  --t-liczba: 44px;

  /* promienie */
  --r-przycisk: 6px;
  --r-karta: 12px;
  --r-panel: 20px;
  --r-znacznik: 4px;

  /* odstępy */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;

  /* wymiary układu */
  --cel-dotyku: 44px;
  --szer-tresci: 1120px;
  --szer-nawigacji: 232px;
  --wys-paska: 60px;
  --wys-dolnej-nawigacji: 64px;

  --cien: 0 1px 2px rgba(24, 46, 48, 0.06);
  --scrim: rgba(8, 47, 53, 0.35);
}