/* ===================================================================== THEME — LE SEUL FICHIER A EDITER POUR CHANGER L'APPARENCE PAR SITE --------------------------------------------------------------------- Change les couleurs ici et tout le site suit. Duplique ce fichier par site si tu veux (theme-siteA.css, theme-siteB.css) et pointe dessus dans le de index.html. ===================================================================== */ :root { /* ---- Couleurs de base ---- */ --bg: #0a0a12; /* fond general (tres sombre) */ --surface: #12121f; /* cartes, blocs */ --surface-2: #1b1b2e; /* blocs plus clairs / hover */ --ink: #f6f6fb; /* texte principal */ --muted: #9a9ab0; /* texte secondaire */ --line: rgba(255,255,255,0.10); /* bordures fines */ /* ---- Accents (pilotent aussi les blobs de fond) ---- */ --accent: #6c4bff; /* accent principal */ --accent-2: #ff5c8a; /* accent secondaire */ --accent-3: #22d3ee; /* accent tertiaire */ --on-accent: #ffffff; /* texte sur boutons accentues */ /* ---- Intensite du fond anime (0 = eteint, 1 = fort) ---- */ --bg-opacity: 0.5; --bg-blur: 90px; /* ---- Typo ---- */ --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* ---- Rayons & rythme ---- */ --radius: 20px; --radius-sm: 12px; --maxw: 1200px; /* largeur max du contenu */ } /* --------------------------------------------------------------------- EXEMPLES DE PALETTES PRETES (decommente-en une pour tester vite) --------------------------------------------------------------------- */ /* --- Site B : vert emeraude / lime --- :root { --bg: #06120d; --surface:#0c1c15; --surface-2:#123023; --accent:#22c55e; --accent-2:#a3e635; --accent-3:#14b8a6; } */ /* --- Site C : orange chaud / ambre --- :root { --bg:#12090a; --surface:#1c0f10; --surface-2:#2e1516; --accent:#f97316; --accent-2:#fb7185; --accent-3:#f59e0b; } */