/* GENERATED by scripts/gen_dark_css.py from style.css - do not edit by hand.
   Loaded only when prefers-color-scheme: dark (see templates/base.html). */
.modal-content {
    background-color: #141a27;
}
body {
    background: radial-gradient(circle at 10% 20%, #0a1b38 0%, #161c29 35%, #161c29 100%);
}
.filter-search input {
    background: #141a27;
}
.filter-sort select {
    background: #141a27 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
}
.smart-preset {
    border: 1px solid #183260;
    background: linear-gradient(180deg, #141a27, #091935);
}
.active-filter-chip,
.clear-filters-button {
    border: 1px solid #172f5b;
    background: #141a27;
}
.sort-preset {
    border: 1px solid #223450;
    background: #141a27;
}
.chip-more select {
    background: #141a27;
}
.chip-ghost {
    border: 1px solid #223450;
    background: #141a27;
}
.card-decision-badge {
    background: #0a1d37;
}
.card-stat-grid span {
    border: 1px solid #2e3743;
    background: #091b34;
}
.modal-next-actions {
    border: 1px solid #172f5b;
    background: linear-gradient(135deg, #141a27 0%, #091935 100%);
}
.modal-next-kicker {
    background: #0a1b38;
}
.modal-next-link {
    background: #121f2f;
}
.modal-alternatives {
    border: 1px solid #162c59;
    background: #091e33;
}
.modal-alternatives-loading {
    border: 1px dashed #172f5b;
}
.modal-alternative-open {
    border: 1px solid #162c59;
}
.modal-alternative-open {
    background: #141a27;
}
.modal-alternative-label {
    background: #0a1b38;
}
.compare-matchup-card {
    border: 1px solid #162c59;
    background: linear-gradient(180deg, #091e33 0%, #091935 100%);
}
.compare-panel {
    border: 1px solid #162c59;
    background: #141a27;
}
.compare-panel-media {
    background: linear-gradient(135deg, #0b1f3d, #091835);
}
.empty-state-action {
    border: 1px solid #223450;
    background: #141a27;
}
.empty-state-card {
    border: 1px solid #223450;
}
.empty-state-card:hover {
    border-color: #183260;
}
@media (max-width: 768px) {
.header-actions {
    background: linear-gradient(135deg, #0066FF 0%, #1a7aff 50%, #123263 100%);
}
}
.sidebar-panel {
    background: #141a27;
}
.sidebar-view-all {
    color: #6ea8ff;
}
.mobile-filter-close {
    background: #121f2f;
}
.sidebar-goal {
    border: 1px solid #162c59;
    background: linear-gradient(180deg, #141a27, #091b34);
}
@media (max-width: 760px) {
.mobile-filter-toggle {
    border: 1px solid #172f5b;
    background: #141a27;
}
.mobile-filter-toggle strong {
    background: #0a1b38;
}
.mobile-filter-drawer-footer {
    border-top: 1px solid #162c59;
}
}
.seo-section,
.guide-hub-section,
.type-page-intro {
    background: #141a27;
}
.seo-section-heading a {
    color: #6ea8ff;
}
.pagination-link {
    color: #6ea8ff;
}
.drink-detail-panel {
    background: #141a27;
}
.safe-ad-slot {
    border: 1px solid #22344f;
    background: linear-gradient(180deg, #091b34 0%, #0a1c36 100%);
}
.type-link-card {
    background: linear-gradient(165deg, #091733 0%, #0a1936 100%);
    border: 1px solid #162c5a;
}
.type-link-card:hover {
    border-color: #182f60;
}
.insight-card {
    border: 1px solid #162c5a;
    background: linear-gradient(180deg, #091733 0%, #0a1c36 100%);
}
.journey-card {
    border: 1px solid #162c5a;
    background: linear-gradient(180deg, #141a27 0%, #091b34 100%);
}
.journey-footer a {
    color: #6ea8ff;
}
.pathway-card {
    background: #141a27;
}
.goal-section-card {
    background: #141a27;
}
.goal-section-links a {
    border: 1px solid #162c59;
    background: #091b34;
}
.guide-topic-card {
    background: #141a27;
}
.guide-topic-card a {
    color: #6ea8ff;
}
.faq-card {
    border: 1px solid #162d59;
    background: #091b34;
}
.blog-card {
    background: #141a27;
}
.type-page-highlight {
    background: #091634;
    border: 1px solid #162c5a;
}
.ranking-type-card {
    background: #141a27;
}
.ranking-item {
    background: #141a27;
}
.list-save {
    background: #141a27;
    border: 1px solid #253752;
}
.list-save:hover {
    background: #0a1936;
}
.ml-note {
    background: #141a27;
}
.ml-banner {
    background: #0a1d36;
    border: 1px solid #19375e;
}
.ml-btn {
    border: 1px solid #253752;
    background: #141a27;
}
.ml-btn:hover {
    background: #0a1936;
}
.ml-empty {
    background: #141a27;
}
.ml-starter {
    background: #161f27;
}
.ml-tabs {
    background: #111b32;
}
.ml-tab[aria-selected="true"] {
    background: #141a27;
}
.ml-budget {
    background: #141a27;
}
.ml-select, .ml-input {
    border: 1px solid #2f3b51;
    background: #141a27;
}
.ml-meter {
    background: #1c232c;
}
.ml-budget-summary.is-over {
    color: #e78888;
}
.ml-stat {
    background: #141a27;
}
.ml-item {
    background: #141a27;
}
.ml-qty {
    border: 1px solid #2f3b51;
}
.ml-qty-btn {
    background: #141a27;
}
.ml-qty-btn:hover:not(:disabled) {
    background: #0a1936;
}
.ml-remove {
    color: #e78888;
}
.ml-swap {
    background: #0f3119;
    border: 1px solid #205934;
}
.ml-swap-save {
    color: #a9f8e1;
}
.ml-compare-scroll {
    background: #141a27;
}
.ml-compare tbody th {
    background: #161f27;
}
.ml-compare .ml-corner {
    background: #161f27;
}
.ml-compare td.is-best {
    background: #0e3322;
    color: #b6f7e5;
}
.budget-fit {
    background: #0f3119;
    border: 1px solid #205934;
    color: #bfedd1;
}
.budget-fit a {
    color: #bfedd1;
}
.ml-btn {
    border-color: #404855;
}
.ml-undo .ml-btn:focus-visible {
    outline-color: #232e43;
}
.search-interpretation {
    background: #0a1d37;
}
@media print {
body {
    background: #141a27;
}
.ml-item {
    border-color: #344565;
}
.ml-item-name {
    color: #f2f2f2;
}
}

/* ---- hand-tuned overrides (win over the generated rules above) ---- */
:root {
    color-scheme: dark;
    --bg: #0b1220;
    --card: #131c2f;
    --text: #e6edf7;
    --muted: #9fb0c8;
    --border: #2a3855;
    --primary-dark: #8fb8ff;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.55), 0 4px 6px -4px rgba(0, 0, 0, 0.45);
    --score-excellent: #6ee7b7;
    --score-excellent-bg: #064e3b;
    --score-good: #93c5fd;
    --score-good-bg: #1e3a8a;
    --score-fair: #fcd34d;
    --score-fair-bg: #713f12;
    --score-low: #fca5a5;
    --score-low-bg: #7f1d1d;
}

body { background: var(--bg); color: var(--text); }

/* Solid-primary buttons keep white text; --primary-dark was lightened for use
   as TEXT above, so pin the fills that use it as a background. */
.ml-btn-primary, .ml-btn-primary:hover { background: #0052cc; border-color: #0052cc; color: #fff; }
.list-save.is-saved { background: #e11d48; border-color: #e11d48; color: #fff; }
.list-save:not(.is-saved) { background: #131c2f; border-color: #4b5f85; color: var(--primary-dark); }
.dl-toast { background: #e6edf7; color: #0f172a; }
.dl-toast-action { color: #1d4ed8; }
.ml-tab[aria-selected="true"] { background: #2b3f69; color: #fff; }
input, select, textarea { color: var(--text); background-color: #0f1729; border-color: #3a4c70; }
::placeholder { color: #7f92b0; }