/* BeeLogic - Dunkelmodus nur per Umschalter (html[data-theme="dark"]). Standard ist hell, die Systemeinstellung wird ignoriert. Wird nach den anderen Stylesheets geladen. */
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
color-scheme: dark;
--cream: #14100A;
--cream-2: #1C160D;
--paper: #211A10;
--ink: #F6EAD3;
--ink-2: #D9CDB0;
--muted: #AC9D7E;
--line: rgba(255, 215, 106, .15);
--line-2: rgba(255, 215, 106, .30);
--gold-deep: #EDB848;
--gold-soft: rgba(227, 162, 26, .17);
--honey-text: linear-gradient(180deg, #FFE08A 0%, #E3A21A 100%);
--night: #090704;
--night-2: #15100A;
--ok: #86D394; --ok-bg: rgba(47, 125, 59, .24);
--warn: #F3C56A; --warn-bg: rgba(227, 162, 26, .20);
--err: #FF9F96; --err-bg: rgba(179, 38, 30, .28);
--info: #94C6F2; --info-bg: rgba(31, 95, 153, .30);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
--shadow: 0 8px 28px rgba(0,0,0,.5);
--shadow-lg: 0 20px 56px rgba(0,0,0,.6);
--glow: 0 0 0 4px rgba(227, 162, 26, .28);
}
:root[data-theme="dark"] .site-header { background: rgba(20,16,10,.86); }
:root[data-theme="dark"] .marquee { background: #090704; }
:root[data-theme="dark"] .skip-link { background: var(--gold-light); color: #14110C; }
:root[data-theme="dark"] .admin-top { background: rgba(20,16,10,.9); }
:root[data-theme="dark"] body.is-admin { background: #0E0B07; }
:root[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea { background: #1A140C; color: var(--ink); border-color: var(--line-2); }
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #7D705A; }
:root[data-theme="dark"] select option { background: #1A140C; color: var(--ink); }
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .nav a.btn-primary,
:root[data-theme="dark"] .nav a.btn-primary:hover,
:root[data-theme="dark"] .btn-primary:hover { color: #14110C; }
:root[data-theme="dark"] .btn-dark,
:root[data-theme="dark"] .nav a.btn-dark { background: rgba(255,215,106,.14); color: var(--gold-light); border-color: var(--line-2); }
:root[data-theme="dark"] .btn-dark:hover,
:root[data-theme="dark"] .nav a.btn-dark:hover { background: var(--gold-light); color: #14110C; }
:root[data-theme="dark"] .btn-secondary:hover { color: var(--ink); }
:root[data-theme="dark"] .btn-danger { color: var(--err); }
:root[data-theme="dark"] .btn-danger:hover { background: var(--err); color: #14110C; }
:root[data-theme="dark"] .cart-pill { background: var(--gold-light); color: #14110C; }
:root[data-theme="dark"] .pill:hover,
:root[data-theme="dark"] .pill.active { background: var(--gold-light); color: #14110C; border-color: var(--gold-light); }
:root[data-theme="dark"] .subnav a[aria-current="page"] { background: var(--gold-light); color: #14110C; }
:root[data-theme="dark"] .badge-dark { background: rgba(255,215,106,.16); color: var(--gold-light); border-color: var(--line-2); }
:root[data-theme="dark"] .badge-gray { background: rgba(255,255,255,.08); color: var(--muted); }
:root[data-theme="dark"] .hex-icon { background: var(--honey); color: #14110C; }
:root[data-theme="dark"] .notice { color: var(--info); }
:root[data-theme="dark"] .notice-default { color: var(--ink-2); }
:root[data-theme="dark"] .notice-success,
:root[data-theme="dark"] .success { color: var(--ok); }
:root[data-theme="dark"] .notice-error,
:root[data-theme="dark"] .error { color: var(--err); }
:root[data-theme="dark"] .notice-warning { color: var(--warn); }
:root[data-theme="dark"] .product-image,
:root[data-theme="dark"] .product-gallery,
:root[data-theme="dark"] .product-detail-image { background: radial-gradient(circle at 50% 40%, #2C2417, #1A140C); }
:root[data-theme="dark"] .admin-table tbody tr:hover,
:root[data-theme="dark"] .orders-table tbody tr:hover { background: rgba(255,215,106,.06); }
:root[data-theme="dark"] .hex-tile.light::before { background: var(--paper); }
:root[data-theme="dark"] .hex-tile.light:hover::before { background: #2B2214; }
:root[data-theme="dark"] .hex-frame::before { background: #FFF6DC; }
:root[data-theme="dark"] .hex-frame img { background: #FFF6DC; }
:root[data-theme="dark"] .hero-art img { box-shadow: 0 0 60px rgba(227,162,26,.25); }
:root[data-theme="dark"] .card.hover:hover,
:root[data-theme="dark"] .product-card:hover { border-color: var(--gold); }
:root[data-theme="dark"] .cursor-glow { mix-blend-mode: screen; background: radial-gradient(circle, rgba(255,215,106,.16) 0%, rgba(255,215,106,.05) 35%, transparent 65%); }
:root[data-theme="dark"] .section.dark { border-block: 1px solid var(--night-line); }
:root[data-theme="dark"] .section.arcade { background: radial-gradient(900px 420px at 85% 0%, rgba(227,162,26,.18), transparent 60%), var(--cream); }
:root[data-theme="dark"] .honey-drips { fill: var(--cream); }
:root[data-theme="dark"] .section.honey { background: linear-gradient(180deg, #3B2806 0%, #5A3D08 45%, #6E4B0B 100%); }
:root[data-theme="dark"] .honey .section-head h2,
:root[data-theme="dark"] .honey .honey-card h3 { color: #FFF3D1; }
:root[data-theme="dark"] .honey .section-head p,
:root[data-theme="dark"] .honey .honey-card p { color: #EBD9AA; }
:root[data-theme="dark"] .honey .section-kicker { color: var(--gold-light); }
:root[data-theme="dark"] .honey .gold-text { background-image: linear-gradient(180deg, #FFE08A, #E3A21A); }
:root[data-theme="dark"] .honey-card { background: rgba(20,16,10,.55); border-color: rgba(255,215,106,.28); box-shadow: 0 10px 26px rgba(0,0,0,.35); }
:root[data-theme="dark"] .honey-card:hover { background: rgba(20,16,10,.78); }
:root[data-theme="dark"] .honey-note { color: #F0DDAA; background: rgba(0,0,0,.25); border-color: rgba(255,215,106,.4); }
:root[data-theme="dark"] .honey-note svg { color: var(--gold-light); }
:root[data-theme="dark"] .honey-art svg { filter: drop-shadow(0 22px 28px rgba(0,0,0,.5)); }
:root[data-theme="dark"] .faq details { background: var(--paper); }
:root[data-theme="dark"] .stat { background: var(--paper); }
:root[data-theme="dark"] .legal-page a { color: var(--gold-light); }
:root[data-theme="dark"] .status-select,
:root[data-theme="dark"] .status-input { background: #1A140C; }
/* Umschalter */
.theme-toggle { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line-2); background: var(--paper); color: var(--ink); cursor: pointer; flex: none; transition: background .2s, transform .2s, border-color .2s; padding: 0; }
.theme-toggle:hover { border-color: var(--gold); transform: rotate(14deg); }
.theme-toggle svg { width: 20px; height: 20px; }
.theme-toggle .i-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .i-sun { display: block; } :root[data-theme="dark"] .theme-toggle .i-moon { display: none; }
.nav .theme-toggle { margin-left: 6px; }
@media (max-width: 920px) { .nav .theme-toggle { margin: 6px 0 0 14px; } }