/* Light theme overrides — aktiveres via data-theme="light" på <html> */
html[data-theme="light"] {
    --bg: #f6f0e3;
    --bg2: #efe7d4;
    --bg3: #e4d9be;
    --bg-card: #fbf6ea;
    --text: #26302a;
    --text2: #6b6558;
    --accent: #3d7a2e;
    --accent2: #2e5e22;
    --accent-glow: rgba(61,122,46,0.12);
    --corten: #b25a32;
    --corten-light: #c97a52;
    --gold: #a07a1e;
    --gold-dim: #78591a;
    --border: #d7c9a8;
    --border-hover: #c2b58d;
    --shadow: 0 2px 12px rgba(40,30,10,0.08);
    --shadow-lg: 0 8px 32px rgba(40,30,10,0.12);
}
html[data-theme="light"] body { background-image: none; }
html[data-theme="light"] header {
    background: linear-gradient(180deg,#efe7d4 0%, #e9dfc5 60%, #f6f0e3 100%) !important;
}
html[data-theme="light"] header .brand { text-shadow: 0 0 30px rgba(61,122,46,0.08); }
html[data-theme="light"] select,
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] textarea { background: #fff; color: var(--text); }
html[data-theme="light"] .plant-card.picked {
    background: linear-gradient(135deg, #eef5e4 0%, #e5efd8 100%);
    box-shadow: 0 0 0 1px rgba(61,122,46,0.18), inset 0 1px 0 rgba(61,122,46,0.06);
}
html[data-theme="light"] .selected-panel {
    background: linear-gradient(180deg, var(--bg2), #e9dfc5);
}
html[data-theme="light"] .plant-card .color-dot {
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(40,30,10,0.15);
}
html[data-theme="light"] #season-reminder {
    background: linear-gradient(135deg, #eef5e4, #e5efd8) !important;
}
html[data-theme="light"] .plant-card .tag.match {
    background: rgba(61,122,46,0.14);
    border-color: rgba(61,122,46,0.25);
    color: var(--accent2);
}
html[data-theme="light"] .theme-toggle {
    background: rgba(255,255,255,0.55);
    border-color: var(--border);
    color: var(--text2);
}
html[data-theme="light"] .theme-toggle:hover {
    color: var(--gold);
    background: #fff;
    border-color: var(--gold-dim);
}
