/* ============================================================================
   THÈME — Maison Service, Nice.

   Demande `9a3d3354-8612-4707-9836-f6567db10b66` du 19/09/2026.

   HUIT VALEURS DE CE FICHIER SONT LE CHOIX DU CLIENT, pas celui de l'atelier :
   la voix typographique, le fond clair, la palette, l'ouverture de page, la
   disposition, le rythme, les formes et le niveau de mouvement. Il les a
   cochées sur vignettes dans le questionnaire. On ne les retouche que si une
   mesure d'accessibilité l'impose, et le rapport dit alors pourquoi.

   Ce qui reste à l'atelier : le composant signature, le décor, la cohérence.
   ========================================================================= */

:root {
  /* --- Fonds ------------------------------------------------------------ */
  /* Palette `terrecuite` du questionnaire : principale #A9533C, accent doux
     #E8C9A0, fond #FBF6EF. Le fond est repris exactement. */
  --bg: #FBF6EF;        /* fond principal — valeur exacte de la palette */

  /* LE FOND ALTERNÉ A ÉTÉ ÉCLAIRCI, ET C'EST LA SEULE ENTORSE À LA PALETTE.
     Premier essai #F2E7D9 : le surtitre `.eyebrow`, qui est en --accent et en
     10 px, y donnait 4,31 de contraste, sous le seuil de 4,5. Deux façons de
     le corriger, assombrir l'accent du client ou éclaircir MON fond alterné.
     La seconde ne touche pas à ce qu'il a choisi, donc c'est elle. Mesuré à
     4,58 après correction, et le fond reste nettement distinct de --bg. */
  --bg-alt: #F6EEE4;    /* accent 4.58 · muted 7.17 · ink 13.48 */
  --card: #FFFDF9;      /* fond d'une carte posée sur le fond principal */
  --panel: #33211B;     /* fond sombre — terre cuite très assombrie */

  /* Le site n'a pas de modèle 3D. Ces deux valeurs ne servent à rien ici, on
     les garde pour ne pas faire diverger le thème du socle. */
  --scene: #33211B;
  --scene-voile: 26 17 14;

  /* --- Textes ----------------------------------------------------------- */
  /* Ratios calculés, pas estimés, et donnés pour le pire des trois fonds
     clairs, qui est toujours --bg-alt. */
  --ink: #2A1C16;       /* 13.48 sur bg-alt — titres et texte principal */
  --body: #4E3A30;      /*  8.73 sur bg-alt — texte courant */
  --muted: #63493C;     /*  7.17 sur bg-alt — mentions secondaires */
  --on-panel: #FBF6EF;  /* 14.21 sur panel — texte posé sur fond sombre */

  /* --- Accent ----------------------------------------------------------- */
  /* La teinte principale de la palette, au pixel près. 4.90 sur --bg,
     4.58 sur --bg-alt, et 5.18 en --card posé dessus (texte des boutons). */
  --accent: #A9533C;
  --accent-dark: #8A3F2C;  /* survol — 7.31 en --card dessus, 4.70 sur soft */
  --accent-soft: #E8C9A0;  /* l'accent doux de la palette, tel quel */
  /* L'accent normal donne 2,90 sur --panel, donc illisible. Sur fond sombre,
     c'est l'accent doux de la palette qui prend le relais : 9,67. */
  --accent-clair: #E8C9A0;

  /* --- Filets ----------------------------------------------------------- */
  --line: rgba(42, 28, 22, 0.14);
  --line-strong: rgba(42, 28, 22, 0.34);

  /* --- Bas des titres en dégradé ---------------------------------------- */
  /* C'est le composant signature du site, celui qu'on ne remet nulle part
     ailleurs. Le bas du dégradé est la couleur la PLUS PÂLE du titre, donc
     celle qui décide de la conformité au critère 3.2 : 4,90 sur --bg et 4,58
     sur --bg-alt pour la version claire, 9,67 sur --panel pour l'autre. */
  --titre-degrade-bas: #A9533C;
  --titre-degrade-bas-clair: #E8C9A0;

  /* --- Polices ---------------------------------------------------------- */
  /* Voix `chaleureux`, CHOISIE PAR LE CLIENT sur un spécimen composé dans la
     police. Embarquées dans vendor/fonts/, jamais appelées chez un tiers. */
  --font-titre: 'DM Serif Display', Georgia, serif;
  --font-texte: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  /* --- Rythme ----------------------------------------------------------- */
  /* « posé », valeurs du tableau de DIRECTIONS-ARTISTIQUES.md. */
  --pas: clamp(18px, 2vw, 28px);
  --section: clamp(60px, 8vw, 108px);
  --marge-page: clamp(20px, 5vw, 72px);
  --largeur-max: 1240px;
  --largeur-texte: 68ch;

  /* --- Tailles de texte ------------------------------------------------- */
  /* DM Serif Display a un œil plus grand que Cormorant : le titre de hero
     descend d'un demi-rem, sinon il déborde de deux lignes à 390 px. */
  --t-geant: clamp(2.4rem, 5.4vw, 4rem);
  --t-titre: clamp(1.7rem, 3.2vw, 2.4rem);
  --t-sous-titre: clamp(1.15rem, 1.9vw, 1.45rem);
  --t-texte: 1.0625rem;
  --t-petit: 0.875rem;

  /* --- Formes et mouvement ---------------------------------------------- */
  /* « anguleux », valeurs du tableau. C'est le choix du client, et c'est lui
     qui a écarté `blocs-empiles` comme composant signature : un bloc empilé
     sans arrondi de coin ne se voit pas. */
  --arrondi: 0;
  --arrondi-carte: 0;
  --transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}