@media screen and (forced-colors: none) {
  :root.dark {
    --bg: var(--mt-canvas);
    --surface: var(--mt-surface);
    --surface-soft: var(--mt-raised);
    --surface-aqua: var(--mt-info-bg);
    --surface-warm: var(--mt-warning-bg);
    --text: var(--mt-text);
    --muted: var(--mt-secondary);
    --line: var(--mt-border);
    --line-strong: var(--mt-control-border);
    --aqua: #0b6471;
    --aqua-dark: var(--mt-info);
    --blue: var(--mt-info);
    --orange: #a34b16;
    --orange-dark: #843c11;
    --green: #236343;
    --danger: #a52e36;
    --event-success-ink: var(--mt-success);
    --event-danger-ink: var(--mt-danger);
    --event-warning-ink: var(--mt-warning);
    --shadow: 0 16px 40px #0004;
    --shadow-soft: 0 8px 24px #0003;
  }
  .dark body { background: var(--mt-canvas); }
  .dark .site-header { background: var(--mt-surface); border-color: var(--mt-border); }
  .dark .site-header { flex-wrap: wrap; }
  .dark #appearance-toggle { white-space: nowrap; }
  .dark .hero::before { background: linear-gradient(90deg, #202328f5, #202328d0 60%, #20232844); }
  .dark .food-note { background: var(--mt-raised); color: var(--mt-secondary); }
  .dark .notice-icon { --notice-icon-bg: #276184; }
  .dark :is(input, select, textarea) { color: var(--mt-text); background: var(--mt-field); border-color: var(--mt-control-border); }
  .dark :is(.primary-button, .submit-button, .danger-button) { color: #fff; }
  .dark .brand-mark, .dark canvas, .dark [id*="qr"] img { background: #fff; }
  .dark .guide-sheet {
    color-scheme: light;
    --text: #102f36;
    --muted: #5c747b;
    --line: #cfdee1;
    --aqua-dark: #0e5863;
    --surface-aqua: #e8f7f6;
    --event-warning-ink: #c75c21;
    color: var(--text);
  }
}