/* GENERATED by generate.mjs from data/theme.json: change the theme in the CMS ("Look & feel"), not here. */
:root {
  --abyss: #1a1a1a;
  --deep: #2d2d2d;
  --sea: #333333;
  --teal: #4a9fd8;
  --teal-ink: #8cc8f0;
  --glow: #8cc8f0;
  --sand: #1c1c1c;
  --paper: #222222;
  --ink: #eeeeee;
  --muted: #a6a6a6;
  --line: #3a3a3a;
  --orange: #1f6fb2;
}
:root {
  color-scheme: dark;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);
}
.announce { color: var(--abyss); }
.btn-light { color: var(--abyss); }
.btn-light:hover { background: #dddddd; border-color: #dddddd; }
.btn-ghost-dark { color: var(--ink); border-color: var(--ink); }
.btn-ghost-dark:hover { background: color-mix(in srgb, var(--ink) 8%, transparent); }
.fee.accent { background: color-mix(in srgb, var(--orange) 14%, var(--paper)); border-color: color-mix(in srgb, var(--orange) 45%, var(--paper)); }
.fee.accent strong { color: var(--teal-ink); }
.crosses li::before { background: color-mix(in srgb, #c0392b 25%, var(--paper)); color: #ff8a80; }
.tag-rec, .tag-sm, .tag-spec, .bk-day.open, .bk-legend i.open, .appt-day.open, .stepper button:hover:not(:disabled),
.combo [role="option"].is-active, .check-list a:hover, .bk-pay {
  background: color-mix(in srgb, var(--teal) 18%, var(--paper));
  color: var(--ink);
}
.bk-day { color: #6b6b6b; }
.bk-agree.is-needed { background: color-mix(in srgb, var(--orange) 12%, var(--paper)); }
.est-card select, .est-card input[type="number"], .est-card .combo input { background: var(--abyss); color: var(--ink); }
.est-card input:disabled { background: var(--sea); }
.bk-error, .appt-error { color: #ff8a80; }
mark { background: color-mix(in srgb, var(--glow) 35%, var(--paper)); color: var(--ink); }