/* Wspólne tokeny Planu 4. Arkusze widoków korzystają z tokenów, bez klas narzędziowych. */
:root {
  --grafit: #0a0a0b;
  --grafit2: #111013;
  --karta: #161519;
  --karta2: #1c1a1f;
  --bd: #2a2620;
  --bd2: #39332b;
  --kosc: #f5f1ea;
  --mut: #9c968c;
  --tekst2: #cfc8bd;
  --ember: #ff6a1a;
  --ember2: #ff9d4d;
  --teal: #25e0bf;

  --st-ok: #25e0bf;
  --st-info: #58a6ff;
  --st-sygnal: #e3b341;
  --st-brak: #9ba3ab;
  --st-blad: #f85149;

  --dok-tlo: #f5f1ea;
  --dok-tlo2: #efe9df;
  --dok-karta: #fbf8f2;
  --dok-bd: #d8d2c6;
  --dok-bd2: #c4bcab;
  --dok-tekst: #1b1a18;
  --dok-mut: #6e675c;
  --dok-ok: #0d6e5f;
  --dok-info: #1c5fae;
  --dok-sygnal: #7a5a00;
  --dok-brak: #5c6570;
  --dok-ember: #9c3f00;

  --t1: clamp(28px, 3.4vw, 44px);
  --t2: clamp(22px, 2.4vw, 28px);
  --t3: 20px;
  --lede: 17px;
  --body-dok: 16px;
  --body: 15px;
  --small: 14px;
  --ui: 13px;
  --mono: 12px;
  --label: 11px;

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s6: 24px;
  --s8: 32px;
  --s12: 48px;
  --s16: 64px;

  --r1: 4px;
  --r2: 8px;
  --r3: 12px;
}

* {
  box-sizing: border-box;
}