/* ============================================================ THÈMES — Carnet Enchanté Quatre thèmes : night (défaut), dark, light, violet. Pour basculer : ============================================================ */ /* Thème NIGHT — bleu nuit étoilé (par défaut, esthétique « observatoire ») */ :root, [data-theme="night"] { --night: #0a0e2a; --night-deep: #060919; --panel: #141a3d; --panel-hi: #1c2450; --gold: #e8c170; --gold-soft: #c9a35a; --ink: #eef0ff; --ink-dim: #9fa6cf; --line: rgba(232, 193, 112, 0.18); --accent: #6f8cff; --green: #5fd0a0; --orange: #e8a75f; --red: #e86f8c; --pink: #e86f8c; --bg-stars-opacity: 0.4; --bg-image: radial-gradient(1.5px 1.5px at 12% 22%, #fff 50%, transparent), radial-gradient(1px 1px at 67% 14%, #fff 50%, transparent), radial-gradient(1.5px 1.5px at 88% 41%, var(--gold) 50%, transparent), radial-gradient(1px 1px at 34% 57%, #fff 50%, transparent), radial-gradient(1px 1px at 51% 78%, #fff 50%, transparent), radial-gradient(1.5px 1.5px at 9% 84%, var(--gold) 50%, transparent), radial-gradient(1px 1px at 78% 88%, #fff 50%, transparent); --park-dl-grad: linear-gradient(135deg, #2a3270, #1a2150); --park-aw-grad: linear-gradient(135deg, #6d3a52, #3a2342); } /* Thème DARK — sombre neutre, sans le côté féérique */ [data-theme="dark"] { --night: #16181c; --night-deep: #0e1014; --panel: #1e2128; --panel-hi: #262931; --gold: #d4b886; --gold-soft: #a89572; --ink: #e8e8eb; --ink-dim: #9a9ba1; --line: rgba(255, 255, 255, 0.08); --accent: #5f87d9; --green: #57c896; --orange: #d9974f; --red: #d96680; --pink: #c269a0; --bg-stars-opacity: 0; --bg-image: none; --park-dl-grad: linear-gradient(135deg, #2a3447, #1a1f2a); --park-aw-grad: linear-gradient(135deg, #4a2f3e, #2a1d2a); } /* Thème LIGHT — clair */ [data-theme="light"] { --night: #f6f5f0; --night-deep: #ecebe4; --panel: #ffffff; --panel-hi: #fafaf6; --gold: #b88a3a; --gold-soft: #9a7430; --ink: #1a1a1a; --ink-dim: #6c6c75; --line: rgba(0, 0, 0, 0.08); --accent: #3a5fd9; --green: #2e9d6f; --orange: #c87a2c; --red: #c84a6a; --pink: #b35f8a; --bg-stars-opacity: 0; --bg-image: none; --park-dl-grad: linear-gradient(135deg, #d4dcec, #c0cae0); --park-aw-grad: linear-gradient(135deg, #ecd4dc, #dcc0cc); } [data-theme="light"] { color-scheme: light; } /* Thème VIOLET — tons violets, ambiance crépusculaire */ [data-theme="violet"] { --night: #1e1730; --night-deep: #15101f; --panel: #2a213e; --panel-hi: #342852; --gold: #d9b8f0; --gold-soft: #b390cf; --ink: #f0eaff; --ink-dim: #b39ac9; --line: rgba(217, 184, 240, 0.18); --accent: #8a6fd0; --green: #7fd6a8; --orange: #e8a780; --red: #e87fa8; --pink: #e87fa8; --bg-stars-opacity: 0.35; --bg-image: radial-gradient(1.5px 1.5px at 18% 22%, #fff 50%, transparent), radial-gradient(1px 1px at 67% 14%, #fff 50%, transparent), radial-gradient(1.5px 1.5px at 85% 38%, var(--gold) 50%, transparent), radial-gradient(1px 1px at 30% 57%, #fff 50%, transparent), radial-gradient(1px 1px at 51% 78%, #fff 50%, transparent), radial-gradient(1.5px 1.5px at 12% 84%, var(--gold) 50%, transparent); --park-dl-grad: linear-gradient(135deg, #4a3a7a, #2a1f4a); --park-aw-grad: linear-gradient(135deg, #6d3a72, #3a2352); }