/* BoazRent brand tokens */
:root {
  --boaz-green: #1F4D3A;      /* primary */
  --boaz-green-700: #163829;
  --boaz-green-300: #CFE0D6;
  --boaz-gold: #C9A227;       /* accent (on light) */
  --boaz-gold-bright: #E0B93A; /* accent (on dark) */
  --boaz-cream: #F7F3E8;      /* background */
  --boaz-ink: #1B1F1D;        /* text */
  --boaz-success: #2E7D4F;
  --boaz-warning: #B7791F;    /* rent due */
  --boaz-danger: #B23A3A;     /* overdue */
  --boaz-advance: #2B6CB0;    /* paid in advance (credit) */
  --boaz-font: "Poppins", "Segoe UI", Arial, sans-serif;
  --boaz-radius: 12px;
}
/* Theme surfaces: light by default, dark follows the phone/OS setting. */
:root { --boaz-bg: var(--boaz-cream); --boaz-surface: #fff; --boaz-heading: var(--boaz-green); color-scheme: light dark; }
/* Dark: follows OS unless user picked light/dark (html[data-theme]). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --boaz-bg: #121815; --boaz-surface: #1C2420; --boaz-ink: #E8E4D8; --boaz-heading: #8FC4A6; --boaz-green-300: #2A3D33; color-scheme: dark;
  }
  :root:not([data-theme="light"]) .b-table tbody tr:hover { background: #24302A; }
  :root:not([data-theme="light"]) .b-btn--ghost, .b-act { color: var(--boaz-heading); border-color: var(--boaz-heading); }
  :root:not([data-theme="light"]) .b-muted { color: #A9A497; }
  :root:not([data-theme="light"]) a { color: var(--boaz-gold-bright); }
  :root:not([data-theme="light"]) h1, h2 { color: var(--boaz-heading) !important; }
}
:root[data-theme="dark"] {
  --boaz-bg: #121815; --boaz-surface: #1C2420; --boaz-ink: #E8E4D8; --boaz-heading: #8FC4A6; --boaz-green-300: #2A3D33; color-scheme: dark;
}
:root[data-theme="dark"] .b-table tbody tr:hover { background: #24302A; }
:root[data-theme="dark"] .b-btn--ghost, .b-act { color: var(--boaz-heading); border-color: var(--boaz-heading); }
:root[data-theme="dark"] .b-muted { color: #A9A497; }
:root[data-theme="dark"] a { color: var(--boaz-gold-bright); }
:root[data-theme="dark"] h1, h2 { color: var(--boaz-heading) !important; }
:root[data-theme="light"] { color-scheme: light; }