/* Wspólny motyw strony publicznej i panelu administratora: kolory, czcionki, zaokrąglenia.
   Cztery kolory bazowe ustawia się w panelu (Wygląd) — <style> w <head> nadpisuje je dla obu części serwisu. */

:root {
  /* Cztery kolory bazowe. W panelu (Wygląd) nadpisuje je <style> w <head> — tu są wartości domyślne. */
  --bg: #faf6ef;
  --ink: #26332c;
  --primary: #3f6b4f;
  --accent: #d9825b;

  /* Pochodne: wersje zapasowe dla starszych przeglądarek, a niżej (w @supports) wyliczane z kolorów bazowych. */
  --surface: #ffffff;
  --primary-dark: #2f5440;
  --soft: #eef3ec;
  --soft-strong: #d7e6da;
  --muted: #5d6b63;
  --line: #e5decf;
  --line-strong: #cfc7b6;
  --footer-bg: #1f2a24;
  --header-bg: rgba(250, 246, 239, 0.92);
  --day-off: #a39d8f;

  --danger: #a93a29;
  --danger-bg: #fbe9e5;
  --ok-bg: #e6f1e9;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 10px 28px rgba(0, 0, 0, 0.07);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
  :root {
    --primary-dark: color-mix(in srgb, var(--primary) 78%, black);
    --soft: color-mix(in srgb, var(--primary) 11%, var(--bg));
    --soft-strong: color-mix(in srgb, var(--primary) 22%, var(--bg));
    --muted: color-mix(in srgb, var(--ink) 80%, var(--bg));
    --line: color-mix(in srgb, var(--ink) 14%, var(--bg));
    --line-strong: color-mix(in srgb, var(--ink) 28%, var(--bg));
    --footer-bg: color-mix(in srgb, var(--ink) 88%, black);
    --header-bg: color-mix(in srgb, var(--bg) 92%, transparent);
    --day-off: color-mix(in srgb, var(--ink) 40%, var(--bg));
    --ok-bg: color-mix(in srgb, var(--primary) 12%, white);
  }
}