/* Tokeny wyglądu — jedyne miejsce z kolorami, czcionkami i odstępami (styl A · Pastel z makiety). */
@font-face {
  font-family: "Manrope";
  src: url("czcionki/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  src: url("czcionki/manrope-latin-ext.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  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;
}

:root {
  --t-tlo: #f3f5f7;
  --t-karta: #ffffff;
  --t-tekst: #1b1d1f;
  --t-drugi: #5c6064;
  --t-linia: #f4f4f4;
  --t-ramka: #d6d9dd;
  --t-segment: #e6e9ed;
  --t-akcent: #1d5fd6;
  --t-akcent-ciemny: #0a3a80;
  --t-na-akcencie: #ffffff;
  --t-wykres: #c9ced4;
  --t-os: #8a9096;
  --t-plus: #2f7a45;
  --t-uwaga: #92400e;
  --t-uwaga-tlo: #fffbeb;
  --t-uwaga-ramka: #fde68a;
  --t-blad: #c41c29;
  --t-neutralny-tlo: #eef1f4;
  --t-neutralny: #3a3d40;

  /* osoby: pastelowe tło + ciemny tusz tej samej barwy (jasne kółko czytelne też w trybie ciemnym) */
  --t-osoba-0: #dcf1ff; --t-osoba-0-tusz: #0a3a80;
  --t-osoba-1: #ffe4cc; --t-osoba-1-tusz: #7a3606;
  --t-osoba-2: #dcf5e3; --t-osoba-2-tusz: #14532d;
  --t-osoba-3: #ffe0ea; --t-osoba-3-tusz: #861d45;
  --t-osoba-4: #fff3c4; --t-osoba-4-tusz: #6b4a00;
  --t-osoba-5: #e0f4f4; --t-osoba-5-tusz: #0b4f50;
  --t-osoba-6: #ece4f8; --t-osoba-6-tusz: #4a2a7a;
  --t-osoba-7: #eef1f4; --t-osoba-7-tusz: #3a3d40;

  --t-font: "Manrope", Inter, system-ui, sans-serif;
  --t-r-karta: 20px;
  --t-r-kontrolka: 10px;
  --t-margines: 16px;
  --t-odstep: 16px;
  --t-pad-karty: 20px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-tlo: #0f1114;
    --t-karta: #1a1d21;
    --t-tekst: #f1f3f5;
    --t-drugi: #a9afb6;
    --t-linia: #262a2f;
    --t-ramka: #3a3f45;
    --t-segment: #262a2f;
    --t-akcent: #5b8ff0;
    --t-akcent-ciemny: #a9c6ff;
    --t-na-akcencie: #0b1220;
    --t-wykres: #4a5058;
    --t-os: #6b7178;
    --t-plus: #5cc282;
    --t-uwaga: #f5b35c;
    --t-uwaga-tlo: #2b2414;
    --t-uwaga-ramka: #5a4720;
    --t-blad: #ff6b72;
    --t-neutralny-tlo: #262a2f;
    --t-neutralny: #d4d8dd;
  }
}