/*
Theme Name:         Stelvoren
Theme URI:          https://www.stelvoren.com
Description:        Thème enfant Hello Elementor pour la refonte Stelvoren. Remplace Flatsome, qui était utilisé sans thème enfant.
Author:             Logan Meras — Conception web
Author URI:         https://www.loganmeras.fr
Template:           hello-elementor
Version:            0.2.0
Requires at least:  6.9
Requires PHP:       8.1
Text Domain:        stelvoren
*/

/* =====================================================================
   Les jetons de design vivent dans assets/css/jetons.css — source de
   vérité, relevée de la maquette Figma « Refonte » le 21/08/2026.
   Les composants vivent dans assets/css/composants.css.
   Ce fichier ne porte que les règles globales du thème.
   ================================================================== */

/* Respect de prefers-reduced-motion — critère WCAG 2.2.2, le fond
   vidéo du hero est directement concerné. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =====================================================================
   SOCLE TYPOGRAPHIQUE

   Pourquoi ce bloc existe : les réglages globaux d'Elementor (couleurs,
   typographie, Theme Style) ne sont chargés QUE sur les pages
   construites avec Elementor. Relevé le 25/08 sur l'accueil — page
   héritée de Flatsome, encore hors Elementor : la feuille du kit était
   absente, et le texte sortait dans la police système.

   Tant que la refonte progresse page par page, une partie du site reste
   donc hors Elementor : boutique, panier, tunnel, compte client, blog,
   404. Le socle ci-dessous leur donne la bonne base, en consommant les
   jetons — jetons.css reste la source de vérité.

   Specificité volontairement minimale (sélecteurs d'élément nus) : sur
   une page Elementor, le Theme Style cible « .elementor-kit-NNN h1 » et
   passe donc devant, sans conflit. Ce bloc est un plancher, pas une
   surcharge.
   ================================================================== */

body {
  font-family: var(--stv-police-texte);
  font-size: var(--stv-taille-texte);
  line-height: var(--stv-interligne-texte);
  color: var(--stv-texte);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--stv-police-titres);
  font-weight: 500;
  color: var(--stv-texte);
}

h1 { font-size: var(--stv-taille-hero); line-height: var(--stv-interligne-titre); }
h2 { font-size: var(--stv-taille-h2);   line-height: var(--stv-interligne-titre); }
h3 { font-size: var(--stv-taille-carte); }
h4 { font-size: var(--stv-taille-texte); }
h5 { font-size: var(--stv-taille-petit); }
h6 { font-size: var(--stv-taille-copyright); }

/* Aucun arrondi dans la maquette — y compris hors Elementor. */
input, select, textarea, button,
.button, .wp-element-button {
  border-radius: var(--stv-rayon);
}