/*
Theme Name:   Thermotec Child
Theme URI:    https://thermotec.flairdigital.eu
Description:  Thème enfant Hello Elementor pour THERMOTEC (EcoNegoce) — site mono-produit : système de stockage thermique hydraulique passif pour serres agricoles. DA navy premium (héritée d'Enerton) + accent vert agricole.
Author:       FlairDigital
Template:     hello-elementor
Version:      0.1.0
Text Domain:  thermotec-child
*/

/* ===== Design tokens THERMOTEC =====
   Base navy premium reprise du site Enerton + ajout d'un accent VERT agricole
   (cible 100 % serres) pour différencier les deux univers EcoNegoce.
   Valeurs source oklch (rendu fidèle) + repère hex en commentaire pour Elementor. */
:root {
  --tm-navy:        oklch(27% .11 265);   /* primary   ~#16215a */
  --tm-navy-dark:   #0e1740;              /* hover boutons */
  --tm-blue:        oklch(55% .16 255);   /* glow/ring ~#2171cc */
  --tm-ink:         oklch(18% .06 265);   /* texte     ~#0b1733 */
  --tm-muted:       oklch(50% .04 257);   /* ~#55647a */
  --tm-bg:          oklch(99% .003 240);  /* ~#fafcfe */
  --tm-bg-soft:     oklch(96% .012 250);  /* ~#ecf3fa */
  --tm-border:      oklch(92% .013 255);  /* ~#dfe5ed */
  --tm-accent:      oklch(92% .04 255);   /* bleu clair ~#d3e7ff */
  --tm-red:         oklch(55% .22 27);    /* ~#d40c1a (drapeau FR) */

  /* Accent agricole (serres / végétation) — signature THERMOTEC */
  --tm-green:       oklch(58% .14 152);   /* ~#1f9d57 */
  --tm-green-dark:  oklch(50% .13 152);   /* ~#157a42 */
  --tm-green-soft:  oklch(95% .03 152);   /* ~#e7f6ee fonds/badges */

  /* Cycle jour/nuit (section "comment ça marche") */
  --tm-sun:         #ffce4d;
  --tm-heat:        #ff8a3d;

  --tm-gradient:    linear-gradient(90deg, oklch(27% .11 265) 0%, oklch(58% .14 152) 65%, oklch(85% .05 152) 100%);
  --tm-radius:      10px;
  --tm-shadow-card: 0 4px 20px -8px oklch(27% .11 265 / .15);
}

/* Typo : Space Grotesk (titres) + Inter (corps) */
body { color: var(--tm-ink); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
h1, h2, h3, h4, .tm-display { font-family: 'Space Grotesk', 'Inter', sans-serif; letter-spacing: -.01em; }