/* ============================================================ RHEIN DÖNER — RED THEME Loads AFTER menu.css. Activated by . Same layout, charcoal base — mustard amber swapped for street red. ============================================================ */ body[data-theme="red"] { --accent: #e8392b; /* street red */ --accent-d: #a3140a; /* deep red (gradient bottom) */ --line: rgba(232,57,43,.30); } /* darker, red-tinted stage ambience (was warm brown/green) */ body[data-theme="red"] .stage { background: radial-gradient(120% 90% at 78% -10%, #2a1110 0%, transparent 55%), radial-gradient(100% 80% at 12% 115%, #1f0e0c 0%, transparent 50%), linear-gradient(160deg, #160c0b 0%, #0c0807 55%, #070303 100%); } /* banner text reads light on red (dark ink was for the yellow banner) */ body[data-theme="red"] .banner h2 { color:#fff5f2; text-shadow:0 1px 2px rgba(0,0,0,.45); } /* swap the warm amber glows for red */ body[data-theme="red"] .item .price { text-shadow:0 0 18px rgba(232,57,43,.24); } body[data-theme="red"] .item .dots { border-bottom-color:rgba(232,57,43,.30); } body[data-theme="red"] .rule::after { box-shadow:0 0 18px rgba(232,57,43,.6); } body[data-theme="red"] .menu-photo::before { background:radial-gradient(60% 60% at 50% 60%, rgba(232,57,43,.22), transparent 72%); } /* atmosphere layers: keep them red instead of amber */ body[data-theme="red"] .smoke i { background:radial-gradient(circle, rgba(232,57,43,.10), transparent 70%); } body[data-theme="red"] .smoke i:nth-child(1) { background:radial-gradient(circle, rgba(232,88,43,.12), transparent 70%); } body[data-theme="red"] .sweep { background:linear-gradient(105deg, transparent 38%, rgba(255,95,75,.06) 50%, transparent 62%); background-size:260% 100%; }