/* ========================================================================= theme-nature.css — Thème « Nature » (vert / SVT) Surcharge de style.css. À activer avec et en chargeant ce fichier APRÈS style.css. N'affecte que les pages qui portent la classe .theme-nature. ========================================================================= */ body.theme-nature { --accent: #34d399; --accent-grad: linear-gradient(135deg, #a3e635, #16a34a); --bg-0: #04110a; --bg-1: #07180f; --bg-2: #0a2016; } /* Fond forêt + particules (pollen / spores) */ body.theme-nature .bg { background: radial-gradient(1100px 700px at 80% -10%, rgba(132, 204, 22, 0.18), transparent 60%), radial-gradient(1000px 800px at 0% 10%, rgba(16, 185, 129, 0.15), transparent 55%), radial-gradient(900px 900px at 50% 120%, rgba(34, 197, 94, 0.16), transparent 55%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, var(--bg-0)); } body.theme-nature .bg::after { background-image: radial-gradient(1.7px 1.7px at 20% 30%, rgba(200, 255, 205, 0.55), transparent), radial-gradient(1.5px 1.5px at 70% 60%, rgba(180, 245, 185, 0.45), transparent), radial-gradient(1.9px 1.9px at 40% 80%, rgba(210, 255, 215, 0.5), transparent), radial-gradient(1.3px 1.3px at 85% 20%, rgba(170, 235, 180, 0.4), transparent), radial-gradient(1.6px 1.6px at 10% 70%, rgba(195, 250, 200, 0.42), transparent); opacity: 0.42; } /* Accents verts là où des couleurs étaient codées en dur dans style.css */ body.theme-nature .brand .logo { box-shadow: 0 8px 24px -8px rgba(34, 197, 94, 0.55); } body.theme-nature .btn-primary { box-shadow: 0 14px 30px -12px rgba(34, 197, 94, 0.6); color: #04140b; } body.theme-nature .layout-toggle button[aria-pressed="true"] { color: #04140b; box-shadow: 0 6px 18px -8px rgba(34, 197, 94, 0.7); } body.theme-nature .hero-kicker .dot { background: #84cc16; box-shadow: 0 0 12px #84cc16; } body.theme-nature .badge.is-available { background: rgba(74, 222, 128, 0.2); color: #d6ffe6; } body.theme-nature .badge.is-available .dot { background: #4ade80; box-shadow: 0 0 10px #4ade80; } /* Dégradé du titre */ body.theme-nature .hero h1 em { background: linear-gradient(120deg, #bef264, #22c55e 50%, #14b8a6); -webkit-background-clip: text; background-clip: text; color: transparent; }