/*
Theme Name: CERESE Child
Theme URI: https://cerese-sas.com
Description: Thème enfant du site CERESE (Centre d'Expertise et de Recherche en Eau, Sol et Environnement), construit par-dessus Hello Elementor + Elementor (version gratuite).
Author: Louis Claude
Template: hello-elementor
Version: 1.0.13
Text Domain: cerese-child
*/

/* ==========================================================================
   Jetons de design CERESE
   Source : Livrables/SaaS-et-Applications/CERESE-prompt-claude-design.md, section 3
   Ces variables reprennent les valeurs officielles de la charte graphique.
   Elles doivent aussi être saisies dans Elementor > Réglages du site >
   Couleurs générales / Polices générales, pour que les éditeurs visuels
   du client (accès Elementor) restent alignés avec ce fichier.
   ========================================================================== */

:root {
  /* Couleurs */
  --cerese-teal: #007770;      /* dominante : en-tête, pied de page, aplats de section */
  --cerese-fonce: #183D42;     /* dominante foncée : héros, superposition sur photo */
  --cerese-vert: #249F38;      /* accent, boutons uniquement (jamais en texte sur blanc) */
  --cerese-emeraude: #17A965;  /* accent clair : icônes, graphiques */
  --cerese-beige: #EAEFC6;     /* fond chaud, sections alternées */
  --cerese-blanc: #FFFFFF;
  --cerese-encre: #14201E;     /* texte courant */
  --cerese-gris: #5A6664;      /* texte secondaire, légendes, métadonnées */
  --cerese-bordure: #DDE3E1;   /* filets, séparateurs */
  --cerese-lien: #1B7A2B;      /* variante assombrie pour liens, conforme AA */

  /* Typographie : Outfit tant que la licence web de Norguba / Nicky Sans Alt
     n'est pas confirmée (voir section 7, point 4 du prompt Claude Design) */
  --cerese-font: "Outfit", system-ui, sans-serif;
  --cerese-font-display: "Outfit", system-ui, sans-serif;

  /* Espacement, base 8px */
  --cerese-space-1: 8px;
  --cerese-space-2: 16px;
  --cerese-space-3: 24px;
  --cerese-space-4: 32px;
  --cerese-space-6: 48px;
  --cerese-space-8: 64px;
  --cerese-space-12: 96px;
  --cerese-space-16: 128px;

  --cerese-container: 1280px;
  --cerese-radius: 0px;
}

/* ==========================================================================
   Base : typographie et rayon
   Rayon 0 partout, sauf exception explicite (cartes projet sur photo).
   ========================================================================== */

body {
  font-family: var(--cerese-font);
  color: var(--cerese-encre);
  background-color: var(--cerese-blanc);
}

a {
  color: var(--cerese-lien);
}

.elementor-widget-container,
.elementor-element,
button,
input,
select,
textarea {
  border-radius: var(--cerese-radius) !important;
  box-shadow: none !important;
}

/* Exception tolérée : arrondi haut sur les cartes projet posées sur photo */
.cerese-carte-projet {
  border-radius: 24px 24px 0 0;
}