/* ========================================================= VARIABLES CENTRALISÉES DU THÈME CUISINEZ -> Modifiez les valeurs ici pour changer tout le site -> Les couleurs principales sont aussi pilotables depuis le Customizer WordPress (Apparence > Personnaliser) ========================================================= */ :root { /* Couleurs principales (surchargées en ligne par le Customizer si modifiées) */ --couleur-primaire: #3478a5; --couleur-primaire-fonce: #255b7e; --couleur-secondaire: #255b7e; --couleur-texte: #24292e; --couleur-texte-clair: #687078; --couleur-fond: #f4f5f6; --couleur-fond-alt: #eef0f2; --couleur-bordure: #dfe3e6; --couleur-blanc: #ffffff; /* En-tête du site (bandeaux sombres façon "identité de marque") */ --couleur-header-fond: #f4f5f6; --couleur-header-texte: #24292e; --couleur-header-texte-discret: #687078; --couleur-header-bordure: #dfe3e6; --couleur-header-fond-secondaire: #ffffff; --couleur-header-texte-secondaire: #3f474e; --couleur-menu-fond: #ffffff; --couleur-menu-texte: #3f474e; --couleur-menu-survol: #edf4f8; --couleur-sous-menu-fond: #ffffff; --couleur-sous-menu-texte: #3f474e; --couleur-carte-fond: #ffffff; --couleur-carte-titre: #24292e; /* Typographies (polices système = zéro requête externe = rapidité) */ --police-titres: -apple-system, "Segoe UI", Georgia, "Times New Roman", serif; --police-texte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --taille-texte-base: 1.0625rem; /* 17px, confortable pour la lecture de recettes */ --taille-h1: clamp(1.8rem, 4vw, 2.6rem); --taille-h2: clamp(1.4rem, 3vw, 1.9rem); --taille-h3: clamp(1.15rem, 2.5vw, 1.4rem); --interligne: 1.65; /* Espacements (échelle unique réutilisée partout) */ --espace-xs: 0.5rem; --espace-sm: 1rem; --espace-md: 1.75rem; --espace-lg: 3rem; --espace-xl: 5rem; --espace-horizontal: 16px; --espace-sections: 48px; --espace-menu: 18px; --espace-carte: 16px; /* Mise en page */ --largeur-contenu: 1180px; --largeur-article: 780px; --largeur-tableau: 1180px; --rayon-bordure: 10px; --ombre-carte: 0 2px 14px rgba(0, 0, 0, 0.07); --ombre-carte-alpha: 7; --rayon-carte: 10px; --taille-logo: 72px; --taille-menu: 16px; /* Grille de recettes : nombre de colonnes par défaut (modifiable via Customizer) */ --colonnes-grille-desktop: 3; --colonnes-grille-tablette: 2; } /* Exemple de thème sombre "prêt pour l'avenir" (non activé par défaut, juste pour montrer que le thème est évolutif : il suffit d'ajouter une classe .theme-sombre sur pour l'activer un jour) */ .theme-sombre { --couleur-texte: #f2f2f2; --couleur-fond: #1c1c1c; --couleur-fond-alt: #262626; --couleur-bordure: #3a3a3a; }