@charset "UTF-8";
/* =============================================================================
   MB AGENCY — JETONS (v4, 15 septembre 2026)

   CE FICHIER EST LA SEULE SOURCE DE VÉRITÉ.
   Aucune couleur, aucune taille, aucune durée ne s'écrit ailleurs. Les
   composants lisent des RÔLES (« accent », « texte »), jamais une teinte.

   CE QUI CHANGE EN V4
     · « nuit chaude premium » (décision du 15/09/2026) : tout le site sur la
       nuit brune des visuels 3D, accents terre cuite et ocre ;
     · plus aucune photo de Provence : les visuels sont des rendus 3D
       Higgsfield, dont le fond est exactement --fond (#160C06, mesuré) ;
     · polices inchangées : Manrope (titres) et Inter (texte), plus la police
       à chasse fixe du système pour les petits repères.

   CONTRASTES — mesurés (WCAG 2.1), pas estimés. Calcul du 15/09/2026.
============================================================================= */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* --- 1. LA NUIT CHAUDE : surfaces ---------------------------------------
     --fond est la couleur mesurée du fond des rendus 3D : les images et les
     vidéos se fondent dans la page sans bord visible. */
  --fond              : #160C06;   /* texte 17,52:1 */
  --fond-eleve        : #211610;   /* cartes : texte 16,08:1 · second 10,68:1 */
  --fond-haut         : #2A1C13;   /* survol, champs : texte 14,98:1 */
  --verre             : rgba(255, 236, 214, 0.045);
  --verre-fort        : rgba(255, 236, 214, 0.08);
  --verre-entete      : rgba(22, 12, 6, 0.72);

  --texte             : #FBF3E8;   /* 17,52:1 sur fond */
  --texte-second      : #D9C6B3;   /* 11,64:1 sur fond · 9,95:1 sur fond-haut */
  --texte-discret     : #B8A08B;   /* 7,75:1 sur fond · 6,62:1 sur fond-haut */
  --texte-sur-clair   : #160C06;   /* sur le bouton crème : 17,52:1 */

  --filet             : rgba(255, 236, 214, 0.09);
  --filet-fort        : rgba(255, 236, 214, 0.18);
  --filet-composant   : #8C7462;   /* bord des champs : 3,76:1 sur fond-haut · 4,40:1 sur fond (≥ 3:1) */

  --accent            : #B64A2B;   /* terre cuite : décor, lueurs, fonds de pastille (blanc 5,25:1) */
  --accent-texte      : #EE9A5E;   /* orange doux : liens, 8,65:1 sur fond */
  --accent-clair      : #F2C48A;   /* ocre : repères, 11,97:1 sur fond */
  --accent-vif        : #E07A50;   /* fin du dégradé des mots en relief : 6,49:1 */
  --degrade-mot       : linear-gradient(100deg, #F7D3A1 0%, #F2C48A 28%, #EE9A5E 62%, #E07A50 100%);
  --degrade-bouton    : linear-gradient(135deg, #FFF6EA 0%, #F6DDBE 100%);
  --lueur             : rgba(182, 74, 43, 0.55);
  --lueur-ocre        : rgba(242, 196, 138, 0.35);

  --focus             : #F2C48A;
  --logo-point        : var(--accent);

  /* --- 2. TYPOGRAPHIE ----------------------------------------------------- */
  --police-titre : "Manrope", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --police-texte : "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --police-code  : ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;

  --t-code     : clamp(0.70rem, 0.67rem + 0.15vw, 0.78rem);
  --t-legende  : clamp(0.82rem, 0.78rem + 0.20vw, 0.90rem);
  --t-texte    : clamp(1rem,    0.97rem + 0.20vw, 1.0625rem);  /* 16 → 17 px */
  --t-chapo    : clamp(1.08rem, 1rem    + 0.45vw, 1.30rem);
  --t-t3       : clamp(1.25rem, 1.10rem + 0.90vw, 1.60rem);
  --t-t2       : clamp(2.1rem,  1.30rem + 3.40vw, 4.6rem);
  --t-t2-long  : clamp(1.6rem,  1.15rem + 1.90vw, 2.9rem);
  --t-t1       : clamp(2.6rem,  1.20rem + 5.80vw, 7.2rem);
  --t-chiffre  : clamp(3.2rem,  2.2rem  + 4.00vw, 6rem);
  --t-geant    : clamp(4.5rem,  1rem    + 16vw,   19rem);

  --interligne-titre : 1.02;
  --interligne-texte : 1.6;
  --mesure           : 62ch;
  --serre            : -0.035em;

  /* --- 3. ESPACEMENT — base 4 px ------------------------------------------ */
  --e-1: 4px;  --e-2: 8px;  --e-3: 12px; --e-4: 16px; --e-5: 24px;
  --e-6: 32px; --e-7: 48px; --e-8: 64px; --e-9: 96px; --e-10: 128px;
  --largeur-max : 1280px;
  --gouttiere   : clamp(1.1rem, 0.6rem + 2.4vw, 2.5rem);
  --respiration : clamp(5rem, 3rem + 7vw, 9.5rem);

  /* --- 4. FORMES ---------------------------------------------------------- */
  --rayon-petit : 12px;
  --rayon       : 20px;
  --rayon-grand : 30px;
  --rayon-plein : 999px;
  --ombre       : 0 1px 0 rgba(255, 236, 214, 0.06) inset, 0 30px 60px -30px rgba(0, 0, 0, 0.8);
  --ombre-lueur : 0 0 0 1px rgba(242, 196, 138, 0.25), 0 20px 60px -20px var(--lueur);

  /* --- 5. MOUVEMENT ------------------------------------------------------- */
  --t-reaction : 140ms;
  --t-etat     : 280ms;
  --t-entree   : 700ms;
  --courbe     : cubic-bezier(.22, .68, .28, 1);
  --perspective: 1200px;

  --cible-min  : 44px;
}