/* ========================================================================== 6nemac — thème "chic" pour les pages Restomod (fond sombre, accents or) Appliqué uniquement via . Ne touche à rien d'autre sur le site : on surcharge les variables CSS partagées + quelques couleurs qui étaient codées en dur (fonds blancs de cartes, nav, etc.). ========================================================================== */ body.rd-dark{ --bg: #0b0b0d; --bg-alt: #151517; --text: #f5f1e6; --text-soft: #b3aea0; --text-faint: #7d7869; --line: rgba(255,255,255,.12); --accent: #cda349; --accent-soft: rgba(205,163,73,.16); --shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35); --shadow-2: 0 30px 80px rgba(0,0,0,.55); } /* Nav : verre dépoli sombre au lieu de blanc */ body.rd-dark .nav{ background: rgba(11,11,13,.72); } body.rd-dark .nav.is-scrolled{ border-bottom-color: var(--line); } body.rd-dark .brand-mark{ box-shadow: inset 0 1px 1px rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.4); } /* Boutons : or plein, texte sombre — plus "luxe" qu'un texte blanc sur or */ body.rd-dark .btn-accent, body.rd-dark .nav-cta, body.rd-dark .yt-cta-btn{ background: linear-gradient(155deg, #e6c878, #b8863b); color: #1a1408 !important; box-shadow: 0 8px 20px rgba(205,163,73,.25); } body.rd-dark .btn-accent:hover, body.rd-dark .nav-cta:hover{ filter: brightness(1.08); } body.rd-dark .btn-primary{ background: var(--accent); color: #1a1408; } body.rd-dark .btn-primary:hover{ filter: brightness(1.1); } body.rd-dark .btn-ghost{ background: rgba(255,255,255,.06); color: var(--text); border: 1px solid var(--line); } body.rd-dark .btn-ghost:hover{ background: rgba(255,255,255,.1); } /* Cartes et blocs à fond blanc codé en dur → fond sombre */ body.rd-dark .restomod-card, body.rd-dark .specs, body.rd-dark .choice-card, body.rd-dark .book-card{ background: #151517; border-color: var(--line); } body.rd-dark .restomod-media, body.rd-dark .restomod-media.placeholder{ background: #1c1c1f; } body.rd-dark .restomod-media.placeholder{ background: linear-gradient(155deg,#1c1c1f,#141416); } /* Carte prix : le halo devient or au lieu de bleu */ body.rd-dark .price-card{ background: #000; } body.rd-dark .price-card::before{ background: radial-gradient(closest-side, rgba(205,163,73,.35), transparent 70%); } body.rd-dark .price-card p{ color: rgba(255,255,255,.6); } /* Bandeau "page en brouillon" : variante sombre, reste bien visible */ body.rd-dark .status-banner{ background: rgba(205,163,73,.1); border-bottom-color: rgba(205,163,73,.25); } body.rd-dark .status-banner p{ color: #e6c878; } body.rd-dark .status-banner svg{ color: #cda349; } /* Puces des points forts : or au lieu de bleu */ body.rd-dark .restomod-highlights li::before{ background: var(--accent); } body.rd-dark .link-chevron{ color: var(--accent); } /* Section claire (.alt) : un ton à peine plus clair que le fond, pas gris clair */ body.rd-dark section.alt{ background: var(--bg-alt); } body.rd-dark footer{ background: var(--bg-alt); border-top-color: var(--line); } body.rd-dark .footer-row, body.rd-dark .footer-links a{ color: var(--text-soft); } body.rd-dark .footer-links a:hover{ color: var(--text); }