/* Shared night palette for every HTML interface. Page styles use these tokens. */
html[data-theme="dark"]{color-scheme:dark;background:#17171c;
  --body-bg:#17171c;--body-fg:#eeeef3;--body-quiet-color:#b0b0bf;
  --body-loud-color:#fff;--darkened-bg:#202026;--selected-bg:#2b2935;
  --primary:#7764bd;--secondary:#292830;--header-bg:#202026;
  --header-color:#d0c5ff;--header-link-color:#eeeef3;--breadcrumbs-bg:#282630;
  --breadcrumbs-fg:#b0b0bf;--link-fg:#b8acf0;--link-hover-color:#d0c5ff;
  --hairline-color:#36363f;--border-color:#36363f;
}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] body{
  --paper:#17171c;--bg:#17171c;--surface:#202026;--ink:#eeeef3;
  --muted:#b0b0bf;--line:#36363f;--border:#36363f;--soft:#2b2935;
  --surface-soft:#2b2935;--brand:#b8acf0;--brand2:#d0c5ff;
  --brand-dark:#7764bd;--action:#7764bd;--shadow:none;
  --bs-primary:#7764bd;--bs-primary-rgb:119,100,189;
  --bs-body-bg:var(--paper);--bs-body-color:var(--ink);--bs-border-color:var(--line);
  --bs-link-color:var(--brand);--bs-link-hover-color:var(--brand2);
  background:var(--paper);color:var(--ink);
}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] .btn-brand{background:#7764bd;border-color:#7764bd;color:#fff}
html[data-theme="dark"] .billing-note{background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .payment-method{border-color:var(--line)}
html[data-theme="dark"] .payment-method:has(input:checked){background:var(--soft);border-color:var(--brand);color:var(--ink)}
html[data-theme="dark"] .payment-method input{accent-color:var(--action)}
html[data-theme="dark"] .billing-form input,html[data-theme="dark"] .receipt-row{border-color:var(--line)}
html[data-theme="dark"] .bank-destination{background:linear-gradient(120deg,#33303f,#47405a)}
html[data-theme="dark"] .invoice-paper{background:var(--surface);color:var(--ink);border-color:var(--line)!important}
html[data-theme="dark"] .invoice-paper thead tr{background:var(--soft)!important}
html[data-theme="dark"] .invoice-paper tr{border-color:var(--line)!important}
html[data-theme="dark"] .invoice-paper>p:first-child{color:var(--brand)!important}
/* Printable receipts remain readable on paper regardless of the screen theme. */
@media print{
  html[data-theme] body{background:#fff!important;color:#172b23!important;color-scheme:light}
  html[data-theme] .invoice-paper{background:#fff!important;color:#172b23!important;border-color:#dce4dd!important}
  html[data-theme] .invoice-paper thead tr{background:#eef3ee!important}
  html[data-theme] .invoice-paper>p:first-child{color:#4b705b!important}
}