/* ========================================================================== LLM ECO — THEMES : une ambiance vive et distincte par page. Chaque page reçoit . Le header (clair) et le logo (bleu) ancrent l'identité ; le corps de page varie en teinte (chaud/froid) pour faire de chaque page une expérience. ========================================================================== */ .page { /* valeurs par défaut (accueil) */ --t-bg1: #060f22; --t-bg2: #020409; --t-accent: #21c8ff; --t-accent-2: #4f7cff; --t-halo: rgba(33, 200, 255, 0.24); min-height: 100vh; background: radial-gradient(120% 95% at 85% -12%, var(--t-halo) 0%, transparent 58%), radial-gradient(100% 75% at 4% 112%, color-mix(in srgb, var(--t-accent) 20%, transparent) 0%, transparent 60%), radial-gradient(72% 52% at 100% 60%, color-mix(in srgb, var(--t-accent-2) 14%, transparent) 0%, transparent 66%), linear-gradient(180deg, var(--t-bg1) 0%, var(--t-bg2) 64%); background-attachment: fixed; } /* Accents pilotés par le thème */ .page .eyebrow { color: var(--t-accent); } .page .eyebrow::before { background: linear-gradient(90deg, var(--t-accent), var(--t-accent-2)); } .page .text-gradient { background: linear-gradient(100deg, var(--t-accent) 0%, var(--t-accent-2) 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .page .badge { background: color-mix(in srgb, var(--t-accent) 14%, transparent); color: var(--t-accent); border-color: color-mix(in srgb, var(--t-accent) 32%, transparent); } /* ---------- ACCUEIL : cyan électrique / bleu (brand) ---------- */ /* (défaut ci-dessus) */ /* ---------- CRÉER MA MARQUE : violet / fuchsia créatif ---------- */ .theme-marque { --t-bg1: #110a26; --t-bg2: #050312; --t-accent: #b06bff; --t-accent-2: #6a5cff; --t-halo: rgba(176, 107, 255, 0.28); } /* ---------- COMMERCE VISIBLE : cyan vif ---------- */ .theme-commerce { --t-bg1: #03161f; --t-bg2: #010a0f; --t-accent: #19e3ff; --t-accent-2: #2f9ad8; --t-halo: rgba(25, 227, 255, 0.22); } /* ---------- CRÉER MON ÉVÉNEMENT : corail / magenta (chaud) ---------- */ .theme-event { --t-bg1: #1f0a17; --t-bg2: #0c0410; --t-accent: #ff5d8f; --t-accent-2: #c64df0; --t-halo: rgba(255, 93, 143, 0.24); } /* ---------- SERVICES : émeraude (vert vif) ---------- */ .theme-services { --t-bg1: #062018; --t-bg2: #02100b; --t-accent: #2fe0a0; --t-accent-2: #2fb6f5; --t-halo: rgba(47, 224, 160, 0.20); } /* ---------- RÉALISATIONS : le plus sombre (la photo prime) ---------- */ .theme-real { --t-bg1: #050a14; --t-bg2: #010204; --t-accent: #21c8ff; --t-accent-2: #b06bff; --t-halo: rgba(33, 200, 255, 0.16); } /* ---------- OFFRES : ambre / or (premium chaud) ---------- */ .theme-offres { --t-bg1: #1c1606; --t-bg2: #0e0a02; --t-accent: #ffc24d; --t-accent-2: #ff8a5b; --t-halo: rgba(255, 194, 77, 0.22); } /* ---------- À PROPOS : saumon / rose (humain, chaleureux) ---------- */ .theme-about { --t-bg1: #200f14; --t-bg2: #0f0709; --t-accent: #ff8a73; --t-accent-2: #ff5d8f; --t-halo: rgba(255, 138, 115, 0.24); } /* ---------- CONTACT : turquoise accueillant ---------- */ .theme-contact { --t-bg1: #06182a; --t-bg2: #020a14; --t-accent: #2fd6e6; --t-accent-2: #2d8bf5; --t-halo: rgba(47, 214, 230, 0.22); } /* ---------- VISITE TECHNIQUE : azur / sky ---------- */ .theme-visite { --t-bg1: #081a30; --t-bg2: #030c18; --t-accent: #5b9dff; --t-accent-2: #2fd2fb; --t-halo: rgba(91, 157, 255, 0.22); } /* ---------- DEVIS : indigo technique ---------- */ .theme-devis { --t-bg1: #0a1030; --t-bg2: #04060f; --t-accent: #6a8bff; --t-accent-2: #2fd2fb; --t-halo: rgba(106, 139, 255, 0.22); } /* ---------- FAQ : émeraude (« éco ») ---------- */ .theme-faq { --t-bg1: #04201c; --t-bg2: #02100e; --t-accent: #2fe6b0; --t-accent-2: #2fb6f5; --t-halo: rgba(47, 230, 176, 0.20); } /* ---------- CGV : acier sobre ---------- */ .theme-cgv { --t-bg1: #0c1626; --t-bg2: #060c16; --t-accent: #8aa6cc; --t-accent-2: #6a8bff; --t-halo: rgba(138, 166, 204, 0.16); } /* ---------- MENTIONS LÉGALES : ardoise ---------- */ .theme-legal { --t-bg1: #141d31; --t-bg2: #0c1424; --t-accent: #8aa6cc; --t-accent-2: #6a8bff; --t-halo: rgba(138, 166, 204, 0.16); } /* ---------- CONFIDENTIALITÉ : indigo-violet (sécurité) ---------- */ .theme-conf { --t-bg1: #120f2c; --t-bg2: #080614; --t-accent: #9b8cff; --t-accent-2: #5b8bff; --t-halo: rgba(155, 140, 255, 0.20); } /* ---------- COOKIES : ambre doux ---------- */ .theme-cookies { --t-bg1: #1c1408; --t-bg2: #0e0a03; --t-accent: #ffb74d; --t-accent-2: #ff8a5b; --t-halo: rgba(255, 183, 77, 0.20); } /* ---------- ACCESSIBILITÉ : vert inclusif ---------- */ .theme-a11y { --t-bg1: #06201a; --t-bg2: #02100c; --t-accent: #3fe0b0; --t-accent-2: #4fb6ff; --t-halo: rgba(63, 224, 176, 0.20); }