/* ======================================================================== BERRIES_DARK.CSS — Aussie Leave Calculator (dark variant) Cream-on-berries. Loaded after berries.css; activated by . Built for future use; no visible toggle ships in v3 (the brief specced light-mode-first). Remaps tokens only. ======================================================================== */ [data-theme="dark"] { /* Surfaces */ --bg-page: #2a1230; --bg-card: #38193f; --bg-card-hover: #46224d; --bg-hero: linear-gradient(160deg, #1f0e24 0%, #3f1847 55%, #5a2f50 100%); --bg-footer: #1f0e24; --input-bg: #2f1535; /* Ink (cream on berry) */ --ink-main: #f3e7c8; --ink-soft: #dcc9a8; --ink-muted: #b6a0b6; --ink-on-dark: #f0e2bf; --ink-on-hero: #fff8ee; /* Accent (lightened for AA contrast on dark surfaces) */ --accent: #e58aaa; --accent-hover: #f2a6c2; --accent-bg: rgba(229, 138, 170, 0.16); /* Borders */ --border: #5a3d5c; --border-light: #4a2f50; /* Shadows (deeper) */ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6); /* Calendar swatches (muted for dark) */ --cal-weekend: #3a2a40; --cal-holiday: #2f5036; --cal-leave: #5a2f44; --cal-block: #45355a; --cal-today: #2f455a; --cal-school: #34503a; /* Feedback */ --success: #8fd6a0; --success-bg: #243a2b; --error: #f0a0aa; --error-bg: #3a2026; } /* Component fixes that are not pure token swaps */ [data-theme="dark"] .form-select, [data-theme="dark"] .form-input { background: var(--input-bg); color: var(--ink-main); } [data-theme="dark"] .btn--primary { color: #2a1230; } [data-theme="dark"] .result-block-badge { color: #2a1230; }