/*
Theme Name: GRÜSEO
Theme URI: https://gruseo.com
Template: kadence
Author: GRÜSEO
Author URI: https://gruseo.com
Description: Thème enfant Kadence pour GRÜSEO — LIBERTÉ · EFFORT · RÉSILIENCE. Palette et typographie de marque prêtes à l'emploi.
Version: 1.0.0
Text Domain: gruseo-child
*/

/* ==========================================================================
   PALETTE DE MARQUE GRÜSEO
   ========================================================================== */
:root {
  --gru-noir:    #0D0D0D; /* Noir profond — logo, fonds */
  --gru-charbon: #2B2B2B; /* Charbon — fonds secondaires */
  --gru-or:      #C9A46B; /* Or GRÜSEO — accent premium */
  --gru-creme:   #E6E1D6; /* Crème — papier, fonds clairs */
  --gru-blanc:   #FFFFFF; /* Blanc */
}

/* ==========================================================================
   TYPOGRAPHIE (Montserrat chargée via functions.php)
   ========================================================================== */
body {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--gru-noir);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Petit tracking élargi pour les signatures type "WEAR YOUR RISE" */
.gru-tracking {
  letter-spacing: 0.35em;
  text-transform: uppercase;
}

/* ==========================================================================
   ACCENTS DE MARQUE (or)
   ========================================================================== */
a { color: var(--gru-or); }
a:hover { color: var(--gru-noir); }

/* Bouton doré réutilisable : ajouter la classe "gru-btn-or" à un bouton */
.gru-btn-or,
.wp-block-button.is-style-gru-or .wp-block-button__link {
  background-color: var(--gru-or) !important;
  color: var(--gru-noir) !important;
  border: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
}
.gru-btn-or:hover,
.wp-block-button.is-style-gru-or .wp-block-button__link:hover {
  background-color: var(--gru-noir) !important;
  color: var(--gru-or) !important;
}

/* Section sombre premium : classe "gru-section-dark" */
.gru-section-dark {
  background-color: var(--gru-noir);
  color: var(--gru-creme);
}
.gru-section-dark h1,
.gru-section-dark h2,
.gru-section-dark h3 {
  color: var(--gru-blanc);
}