:root {
  color-scheme: light dark;
  --barva-pozadi: #fbfaf9;
  --barva-povrch: #ffffff;
  --barva-povrch-alt: #f3f1ee;
  --barva-text: #1c1e21;
  --barva-text-vedlejsi: #5c6269;
  --barva-ohrana: rgba(0, 0, 0, 0.1);
  --barva-akcent: #c5832b;
  --barva-akcent-jemna: rgba(197, 131, 43, 0.12);
  --barva-odkaz: #4a5c6a;
  --barva-uspech: #2d6a4f;
  --barva-varovani: #9a6700;
  --barva-offline: #8b3a3a;
  --stin-karta: none;
  --radius: 2px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --barva-pozadi: #1c1e21;
    --barva-povrch: #25282c;
    --barva-povrch-alt: #2e3238;
    --barva-text: #e8eaed;
    --barva-text-vedlejsi: #9aa0a6;
    --barva-ohrana: rgba(255, 255, 255, 0.12);
    --barva-akcent: #d4a04a;
    --barva-akcent-jemna: rgba(212, 160, 74, 0.15);
    --barva-odkaz: #8fa8b8;
    --barva-uspech: #52b788;
    --barva-varovani: #e9c46a;
    --barva-offline: #e07a7a;
  }
}

:root[data-theme="dark"] {
  --barva-pozadi: #1c1e21;
  --barva-povrch: #25282c;
  --barva-povrch-alt: #2e3238;
  --barva-text: #e8eaed;
  --barva-text-vedlejsi: #9aa0a6;
  --barva-ohrana: rgba(255, 255, 255, 0.12);
  --barva-akcent: #d4a04a;
  --barva-akcent-jemna: rgba(212, 160, 74, 0.15);
  --barva-odkaz: #8fa8b8;
  --barva-uspech: #52b788;
  --barva-varovani: #e9c46a;
  --barva-offline: #e07a7a;
}

:root[data-theme="light"] {
  color-scheme: light;
}