/*
 * Tokeny wyglądu przeliczmy.pl: kolory (tryb jasny i ciemny) i fonty. Wspólne dla strony głównej i kalkulatorów.
 * Role kolorów: docs/visual-language.md, sekcja 4. W pozostałych arkuszach używaj tylko tych zmiennych, nigdy wartości.
 */

:root {
  --bg: #ecf0f4;
  --surface: #ffffff;
  --sunken: #f5f7fa;
  --ink: #13202d;
  --muted: #566574;
  --line: #d3dbe3;
  --accent: #1d4ed8;
  --accent-soft: #e1e8fb;
  --low: #3b6ee8;
  --low-soft: #d6e1fb;
  --high: #c2620e;
  --high-soft: #fbe3c8;
  --zero: #9aa6b2;
  --zero-soft: #e9edf1;
  --good: #15803d;
  --good-soft: #dcf3e3;
  --warn: #a16207;
  --warn-soft: #fbf0cf;
  --bad: #b91c1c;
  --bad-soft: #fbe1e1;

  /* Składniki pensji (netto, PIT, ZUS, zdrowotna), od dołu słupka. Sprawdzone walidatorem palet (daltonizm, jasność).
     W trybie jasnym różowy, żółty i morski mają kontrast poniżej 3:1 z tłem wykresu: identyfikację niosą też podpisy i tabele. */
  --part-net: #6250d6;
  --part-pit: #e87ba4;
  --part-zus: #eda100;
  --part-health: #1baf7a;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d141b;
    --surface: #16202a;
    --sunken: #111a22;
    --ink: #e4ebf2;
    --muted: #94a3b1;
    --line: #283541;
    --accent: #7ea0ff;
    --accent-soft: #1b2947;
    --low: #6f93ff;
    --low-soft: #1e2d52;
    --high: #f0a94b;
    --high-soft: #3f2c12;
    --zero: #5e6b78;
    --zero-soft: #1f2a35;
    --good: #4ade80;
    --good-soft: #123222;
    --warn: #e9c062;
    --warn-soft: #352b10;
    --bad: #f87171;
    --bad-soft: #3a1717;
    --part-net: #9085e9;
    --part-pit: #d55181;
    --part-zus: #c98500;
    --part-health: #199e70;
    color-scheme: dark;
  }
}

*, *::before, *::after { box-sizing: border-box; }