/*
Theme Name: Culinarion Réunion
Theme URI: https://culinarion.re
Description: Thème enfant d'Astra pour Culinarion Réunion (ART CULINAIRE SAS). Centralise les jetons de design de la charte Culinarion 2025 et la surcouche visuelle du site. Toute personnalisation doit être faite ici plutôt que dans « CSS additionnel ».
Author: Culinarion Réunion
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: culinarion
*/

/* ==========================================================================
   Culinarion Réunion — surcouche visuelle
   --------------------------------------------------------------------------
   Les couleurs, typographies et espacements sont définis dans theme.json.
   Ce fichier ne contient que ce qui ne peut pas l'être : composants,
   états de survol, ajustements responsives.
   Ne jamais coder une couleur en dur ici : utiliser les variables
   --cr-* définies par theme.json.
   ========================================================================== */

/* Forcer l'affichage en mode clair quel que soit le réglage sombre de l'OS.
   (Corrige le symptôme « fond noir / bandeau bleu » signalé sur mobile.) */
:root {
	color-scheme: light only;

	/* Jetons de marque, dérivés de la palette définie dans theme.json.
	   Source unique de vérité : ne jamais redéfinir une couleur ailleurs. */
	--cr-rouge: var(--wp--preset--color--culinarion-rouge, #A31726);
	--cr-magenta: var(--wp--preset--color--culinarion-magenta, #F23F64);
	--cr-noir: var(--wp--preset--color--culinarion-texte, #1A1A1A);
	--cr-noir-pur: var(--wp--preset--color--culinarion-noir, #000000);
	--cr-taupe: var(--wp--preset--color--culinarion-taupe, #E9E4E2);
	--cr-blanc: var(--wp--preset--color--culinarion-blanc, #FFFFFF);
	--cr-texte: var(--wp--preset--color--culinarion-texte, #1A1A1A);
	--cr-texte-doux: var(--wp--preset--color--culinarion-texte-doux, #4A4A4A);
	--cr-fond-clair: var(--wp--preset--color--culinarion-fond-clair, #F7F5F4);
	--cr-gris-clair: var(--wp--preset--color--culinarion-taupe, #E9E4E2);
}

/* --------------------------------------------------------------------------
   1. Vignettes « Nos univers » et bandeau héros
   -------------------------------------------------------------------------- */

.cr-hero-photo,
.cr-tile {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cr-tile {
	transition: transform 0.25s ease;
}

.cr-tile:hover {
	transform: scale(1.02);
}

/* --------------------------------------------------------------------------
   2. Cartes (programme de fidélité, cartes cadeaux)
   -------------------------------------------------------------------------- */

.cr-card {
	background: var(--cr-blanc, #ffffff);
	border-radius: 4px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	border-top: 3px solid var(--cr-rouge, #A31726);
	padding: 2rem;
}

.cr-card h2,
.cr-card h3 {
	color: var(--cr-rouge, #A31726);
}

/* --------------------------------------------------------------------------
   4. Palette globale Astra — remise a la charte Culinarion
   --------------------------------------------------------------------------
   Astra pilote la quasi-totalite de son rendu (liens, boutons, titres, fonds,
   bordures) via ces neuf variables. Le theme livre par defaut les couleurs du
   site de demonstration : bleu #060097, violet #c10fff, lavande #f9f6fe,
   jaune #ffcd57. Les corriger ici les corrige partout, y compris sur les
   composants qui n'existent pas encore.
   Retablir l'ancien rendu = supprimer ce bloc.
   -------------------------------------------------------------------------- */

:root {
	--ast-global-color-0: #A31726; /* accent principal : liens, boutons */
	--ast-global-color-1: #8A0A1A; /* survol : rouge assombri */
	--ast-global-color-2: #1A1A1A; /* titres */
	--ast-global-color-3: #4A4A4A; /* texte courant */
	--ast-global-color-4: #F7F5F4; /* fond de section clair */
	--ast-global-color-5: #FFFFFF; /* blanc */
	--ast-global-color-6: #E9E4E2; /* taupe : surfaces et bordures */
	--ast-global-color-7: #F23F64; /* accent secondaire : magenta */
	--ast-global-color-8: #000000; /* noir */
}