/* Farby, písma a témy (svetlá, tmavá): premenné, ktoré používa celý vzhľad */

:root {
  color-scheme: light dark;
  --bg: #f5f4f1;
  --surface: #ffffff;
  --ink: #1d1d1b;
  --muted: #64625d;
  --line: #e5e2db;
  --accent: #28507a;
  --accent-soft: #e8eff6;
  --chord: #9a3412;
  --star: #c28a00;
  --mark: #ffe58f;
  --danger: #b3261e;
  --shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 6px 20px rgba(20, 20, 20, .05);
  --sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --bar-h: 72px;
  --scale: 1;
  --rscale: 1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #101214;
    --surface: #181b1f;
    --ink: #ecebe7;
    --muted: #9c9b95;
    --line: #2a2e33;
    --accent: #8db8e6;
    --accent-soft: #1e2a36;
    --chord: #f0a868;
    --star: #f2c14e;
    --mark: #6b5a17;
    --danger: #f2a29c;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101214;
  --surface: #181b1f;
  --ink: #ecebe7;
  --muted: #9c9b95;
  --line: #2a2e33;
  --accent: #8db8e6;
  --accent-soft: #1e2a36;
  --chord: #f0a868;
  --star: #f2c14e;
  --mark: #6b5a17;
  --danger: #f2a29c;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);
}
:root[data-theme="light"] { color-scheme: light; }