/* EKX Ivory & Ink: colours and fonts shared by the customer page and the staff pages. */
:root {
  --bg: #f5f4f0; --side: #eeece6; --panel: #fbfaf7; --ink: #1f1f1f; --muted: #6f6c64; --line: #e0ddd4;
  --user-bubble: #e8e5dd; --hover: #e7e4dc; --accent: #1f1f1f; --accent-ink: #f5f4f0;
  --warn: #7a5410; --warn-bg: #f1e9d6; --bad: #a3271c; --shadow: 0 1px 2px rgba(31,31,31,.04), 0 8px 24px rgba(31,31,31,.06);
  --serif: "Playfair Display", "Bodoni 72", Didot, Georgia, serif;
  --sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161616; --side: #111111; --panel: #1e1e1d; --ink: #f2f0ea; --muted: #a29f97; --line: #2f2e2b;
    --user-bubble: #272624; --hover: #232220; --accent: #f2f0ea; --accent-ink: #161616;
    --warn: #e2c27e; --warn-bg: #2e2717; --bad: #f08a80; --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #161616; --side: #111111; --panel: #1e1e1d; --ink: #f2f0ea; --muted: #a29f97; --line: #2f2e2b;
  --user-bubble: #272624; --hover: #232220; --accent: #f2f0ea; --accent-ink: #161616;
  --warn: #e2c27e; --warn-bg: #2e2717; --bad: #f08a80; --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
  color-scheme: dark;
}

/* Dealer co-branding (src/brand.js, public/brand.js): the dealer's logo with a small "Powered by EKX" under it.
   --logo-h sets the logo height for each place. In dark mode the dealer's dark version shows when there is one (.has-dark);
   otherwise the normal logo sits on a small ivory tile so a dark logo stays readable. */
.dealer-brand { --logo-h: 32px; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.dealer-logo { display: block; box-sizing: content-box; height: var(--logo-h); width: auto; max-width: 180px; object-fit: contain; object-position: left center; }
.dealer-logo.logo-dark { display: none; }
.powered { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; line-height: 1; color: var(--muted); letter-spacing: .02em; white-space: nowrap; }
.powered .wordmark { height: 10px; background: var(--muted); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .has-dark .dealer-logo { display: none; }
  :root:not([data-theme="light"]) .has-dark .dealer-logo.logo-dark { display: block; }
  :root:not([data-theme="light"]) .dealer-brand:not(.has-dark) .dealer-logo { background: #f5f4f0; padding: 4px 8px; border-radius: 8px; }
}
:root[data-theme="dark"] .has-dark .dealer-logo { display: none; }
:root[data-theme="dark"] .has-dark .dealer-logo.logo-dark { display: block; }
:root[data-theme="dark"] .dealer-brand:not(.has-dark) .dealer-logo { background: #f5f4f0; padding: 4px 8px; border-radius: 8px; }