/* SitterDash colors (only on sitter-dash.com, added by src/brand.js): navy for trust, coral for warmth,
   soft blush and sage. Same layout as the rest of the site, new colors and logo. */
:root {
  --bg: #fbf7f3; --panel: #ffffff; --soft: #f7e7df; --text: #17324d; --muted: #5d6675; --line: #ecdcd3;
  --brand: #17324d; --brand-2: #0f2236; --on-brand: #ffffff; --gold: #e07b63; --gold-text: #b9573f; --accent: #e07b63; --good: #5f7a64;
  --shadow: 0 1px 2px rgba(23, 50, 77, .04), 0 10px 30px -18px rgba(23, 50, 77, .24);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #111a25; --panel: #172331; --soft: #1c2a3a; --text: #f1ede9; --muted: #aab3c0; --line: #2a3a4d;
    --brand: #e8866e; --brand-2: #f09a84; --on-brand: #13202e; --gold: #e8866e; --gold-text: #f2a18d; --accent: #e8866e; --shadow: none; }
}
:root[data-theme="dark"] { --bg: #111a25; --panel: #172331; --soft: #1c2a3a; --text: #f1ede9; --muted: #aab3c0; --line: #2a3a4d;
  --brand: #e8866e; --brand-2: #f09a84; --on-brand: #13202e; --gold: #e8866e; --gold-text: #f2a18d; --accent: #e8866e; --shadow: none; }

/* The logo picture in the header (its light background melts into the page). */
.logo .sd-logo { display: block; height: 52px; width: auto; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo .sd-logo { mix-blend-mode: normal; border-radius: 8px; } }
:root[data-theme="dark"] .logo .sd-logo { mix-blend-mode: normal; border-radius: 8px; }
@media (max-width: 600px) { .logo .sd-logo { height: 40px; } }