/* frontend/css/dark.css */
/* ═══════════════════════════════════════════════════════════════════════════
   Plateby — Dark Mode Component Overrides
   Component-specific dark re-skins for raw-hex rules that cannot use tokens.
   Token flips live in tokens.css; this file handles component-level overrides.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── raw-hex component rules (no token) re-skinned for dark ──────────────────
   Each mirrors a light-mode rule above; bg → dark tint, text → light tint. */
:root[data-theme="dark"] .time-badge.cook,
:root[data-theme="dark"] .push-on,
:root[data-theme="dark"] .badge-you      { background: #1E3329; color: #7FD0A0; }
:root[data-theme="dark"] .push-on        { border-color: #2E5240; }
/* 3.10 signature: .confirmed-badge is now theme-stable (gold-on-green) so it is
   NOT mirrored here. Lift the forest-green header band slightly in dark mode so
   it separates from the dark card body (--secondary #2D4A3E ≈ surface #26241F). */
:root[data-theme="dark"] .day-card-header,
:root[data-theme="dark"] .cal-date-header { background: #2F5142; }
:root[data-theme="dark"] .cal-corner       { background: #284338; }
:root[data-theme="dark"] .item-transferred-badge { background: #1E3329; color: #7FD0A0; border-color: #2E5240; }
:root[data-theme="dark"] .meta-chip.cook { background: #1E3329; border-color: #2E5240; }
:root[data-theme="dark"] .meal-slot.slot-confirmed,
:root[data-theme="dark"] .cal-meal-cell.cal-confirmed,
:root[data-theme="dark"] .today-meal-card.confirmed { background: #1F2A22; }

:root[data-theme="dark"] .time-badge.prep    { background: #3A2F1A; color: #E8C06A; }
:root[data-theme="dark"] .meta-chip.prep     { background: #3A2F1A; border-color: #5A4A28; }
:root[data-theme="dark"] .prep-reminder      { background: #3A2F1A; border-color: #5A4A28; color: #E8C06A; }
:root[data-theme="dark"] .prep-alert-title   { color: #E8C06A; }
:root[data-theme="dark"] .prep-alert-desc    { color: #D0A86A; }
:root[data-theme="dark"] .cm-open-btn        { background: #33241C; border-color: #5A3A28; color: #E89B6A; }

:root[data-theme="dark"] .excluded-tag,
:root[data-theme="dark"] .push-denied,
:root[data-theme="dark"] .login-error,
:root[data-theme="dark"] .badge-inactive { background: #3A211D; color: #EE8A7E; border-color: #5C322C; }
:root[data-theme="dark"] .danger-btn     { background: #3A211D !important; color: #EE8A7E !important; border-color: #5C322C !important; }

:root[data-theme="dark"] .badge-admin    { background: #1C2A3A; color: #7FB0E8; }
:root[data-theme="dark"] .meta-chip.cal  { background: #34212B; border-color: #523441; }
:root[data-theme="dark"] .toggle-label:has(input:checked) { background: #33241C; }