/* © 2026 TJ GROUP. Tous droits réservés. */

/* ==========================================================================
   RÉGLAGES : police, couleurs, tailles de texte, espacements.
   Le site est toujours sur fond noir, quel que soit le thème de l'appareil.
   ========================================================================== */
/* Police Jost hébergée sur le site (licence : assets/fonts/OFL.txt) */
@font-face {
  font-family: "Jost";
  src: url("../fonts/jost-variable.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Fond et texte : noirs et gris très légèrement violacés (couleur TJ Digital) */
  --fond:            #0A0A0C;
  --fond-2:          #141318;   /* champs de formulaire, barre du navigateur */
  --ligne:           #25242C;   /* filets de séparation                       */
  --texte:           #ECEBF2;   /* texte important                            */
  --gris-clair:      #B4B2BF;   /* titre géant, noms de projets               */
  --gris:            #8C8A98;   /* texte courant                              */
  --etiquette:       #27262E;   /* fond des étiquettes grises                 */
  --etiquette-texte: #CBC9D4;

  /* Couleur de marque TJ Digital (charte : #534AB7) + version lisible sur noir */
  --violet:          #534AB7;
  --violet-clair:    #9189EC;

  /* Fonds « studio » des sites témoins : clair → moyen → ombre */
  --sauge-1: #8E9672;  --sauge-2: #5B6246;  --sauge-3: #2E3224;   /* Go Jardins        */
  --acier-1: #9A8577;  --acier-2: #5E4C44;  --acier-3: #2B2320;   /* L'Atelier du Métal */
  --lumiere: rgba(255, 255, 255, 0.16);   /* rayons de lumière sur le fond studio */
  --ombre:   rgba(0, 0, 0, 0.45);         /* ombre portée des appareils          */

  /* Typographie : Jost, police unique de la charte TJ Group */
  --police: "Jost", "Futura", "Century Gothic", "Avenir Next", system-ui, sans-serif;
  --t-etiquette: 0.8125rem;                                  /* 13 px */
  --t-courant:   1rem;                                       /* 16 px */
  --t-projet:    clamp(1.15rem, 1rem + 0.6vw, 1.6rem);       /* noms de projets */
  --t-chapo:     clamp(1.2rem, 1rem + 0.9vw, 1.75rem);       /* intro, à propos */
  --t-section:   clamp(2rem, 1.2rem + 3.5vw, 4.5rem);        /* titres de section */

  /* Espacements */
  --gouttiere: clamp(16px, 2.4vw, 36px);
  /* Gouttières gauche et droite calculées SÉPARÉMENT : sur certains téléphones
     (iPhone Duo et iPhone tenu à l'horizontale), une zone réservée (caméra,
     Dynamic Island) n'existe que d'un côté ; le contenu reste hors de ces zones. */
  --gouttiere-g: max(var(--gouttiere), env(safe-area-inset-left, 0px));
  --gouttiere-d: max(var(--gouttiere), env(safe-area-inset-right, 0px));
  --entre-projets: clamp(64px, 9vw, 140px);

  /* Vitesse de défilement des captures dans les écrans (pixels par seconde) */
  --vitesse-defilement: 70;
}