/* Appearance palettes: system preference is honored by CSS before scripts run. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0d141f; --surface: #141e2b; --surface-alt: #1b2839;
  --ink: #e6edf5; --muted: #a5b3c4; --line: #304054;
  --nav: #0a111b; --nav-soft: #1b2839; --nav-ink: #d2dce8;
  --brand: #40c6b9; --brand-dark: #65d7cb; --brand-soft: #123b39;
  --on-brand: #0d141f; --purple: #a798f5; --brand-mark-ink: #40c6b9;
  --success: #81d5a6; --success-soft: #17392c;
  --danger: #ffa599; --danger-soft: #42251f;
  --warning: #f1cf80; --warning-soft: #3a311d;
  --code-bg: #0a111b; --code-ink: #e6edf5;
  --focus: #89b4ff; --shadow: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --canvas: #0d141f; --surface: #141e2b; --surface-alt: #1b2839;
    --ink: #e6edf5; --muted: #a5b3c4; --line: #304054;
    --nav: #0a111b; --nav-soft: #1b2839; --nav-ink: #d2dce8;
    --brand: #40c6b9; --brand-dark: #65d7cb; --brand-soft: #123b39;
    --on-brand: #0d141f; --purple: #a798f5; --brand-mark-ink: #40c6b9;
    --success: #81d5a6; --success-soft: #17392c;
    --danger: #ffa599; --danger-soft: #42251f;
    --warning: #f1cf80; --warning-soft: #3a311d;
    --code-bg: #0a111b; --code-ink: #e6edf5;
    --focus: #89b4ff; --shadow: none;
  }
}