/* ============================================================================
   THÈME — Terra Rossa, Valbonne.

   Palette « terre rouge et pierre » : le nom du restaurant, la couleur des
   façades de la place des Arcades, l'ombre des arcades. Les seize couples de
   couleurs de ce thème ont été calculés et passent tous le seuil de 4,5 exigé
   pour du petit texte.

   Ce fichier reste la seule chose à changer pour un autre site.

   C'est une liste de cases à remplir, pas une palette. Les couleurs
   ci-dessous sont neutres exprès : elles ne ressemblent à aucun des sites
   existants, pour qu'on soit obligé de les choisir plutôt que de garder par
   défaut celles d'un site de plantes.

   POUR UN NOUVEAU SITE : on copie ce fichier, on remplace les valeurs, on ne
   touche pas aux noms. Aucun autre fichier n'a besoin d'être modifié.

   La règle qui rend tout ça utile : dans les pages, on écrit
   `color: var(--ink)` et JAMAIS `color: #45543f`. Valbonn'Express écrit sa
   couleur d'accent 51 fois en dur, ce qui fait qu'un changement de charte
   demande une heure au lieu de dix secondes. C'est précisément ce qu'on ne
   refait pas.
   ========================================================================= */

:root {
  /* --- Fonds ------------------------------------------------------------ */
  /*
   * Palette revue le 22/08/2026 pour un rendu plus épuré. Les fonds ont perdu
   * leur jaune, l'accent a perdu son orangé : la terre cuite est devenue une
   * argile. Rien n'a été changé à l'œil, chaque valeur a été retenue après
   * calcul des vingt et un couples de contraste du site.
   */
  --bg: #fbfaf8;        /* fond principal, blanc cassé à peine chaud */
  --bg-alt: #f3f1ec;    /* fond d'une section qui se détache */
  --card: #ffffff;      /* fond d'une carte */
  --panel: #302d29;     /* fond sombre, presque noir chaud */
  --terre: #8d4a38;     /* argile pleine, fond de la section du modèle 3D.
                           6,14 avec --on-panel posé dessus */

  /* La même argile, très assombrie, et donnée en canaux séparés : c'est ce qui
     permet d'écrire rgb(var(--terre-fumee) / 0.92) pour un voile, sans
     réécrire la couleur à chaque endroit où on en a besoin.

     C'est elle qui rend lisible un texte posé à même le modèle. Deux ratios
     calculés avec --on-panel : 12,14 à 0,92 d'opacité posée sur du blanc pur,
     et encore 5,69 à 0,7. Autrement dit elle tient même sur la partie la plus
     lumineuse du modèle. */
  --terre-fumee: 46 26 20;

  /* Le même procédé pour la section sombre du village, où la grille
     d'illustrations passe derrière du texte. Mesuré de la même façon : le
     pixel le plus clair d'une illustration, rendu à 0,8 d'opacité sur ce
     fond, donne (210, 209, 207) — soit 1,41 de contraste avec --on-panel,
     autrement dit un texte illisible. Sous une tache à 0,92 de cette valeur,
     le même pixel remonte à 13,61. C'est cette tache qui rend la section
     lisible, pas la couleur du fond. */
  --panel-fumee: 24 22 20;

  /* --- Textes ----------------------------------------------------------- */
  /* Les trois niveaux suffisent. En ajouter un quatrième mène toujours à
     deux gris qu'on ne distingue pas et qu'on utilise au hasard. */
  /* Les ratios en commentaire sont calculés, pas estimés, et pour les trois
     fonds clairs du thème. Le pire cas est toujours --bg-alt, le plus sombre
     des trois : c'est lui qui décide.

     La valeur de --muted a été corrigée le 21/08 après que Palier a analysé la
     page de démonstration du socle : le gris précédent, #6f7268, donnait 3,97
     sur fond alterné, sous le seuil de 4,5 exigé pour du petit texte. Quatorze
     occurrences en défaut sur une seule page, et chaque site construit sur ce
     socle aurait hérité du défaut. */
  --ink: #22201d;       /* 14.40 sur bg-alt — titres et texte principal */
  --body: #4a4640;      /*  8.30 sur bg-alt — texte courant */
  --muted: #6c665e;     /*  5.03 sur bg-alt — mentions secondaires */
  --on-panel: #f8f6f3;  /* 12.70 sur panel — texte sur fond sombre */

  /* --- Accent ----------------------------------------------------------- */
  /* Une seule couleur d'accent, et une variante foncée pour le survol.
     Deux accents dans un site, c'est un site qui n'en a aucun. */
  --accent: #8d4a38;      /* 5.87 sur bg-alt, 6.35 en clair posé dessus */
  --accent-dark: #6d3729; /* 7.75 sur accent-soft */
  --accent-soft: #f1e7e2; /* fond teinté de la même famille */
  --accent-clair: #d3a291; /* 6.10 sur panel — l'accent sur fond sombre */

  /* --- Filets ----------------------------------------------------------- */
  --line: rgb(34 32 29 / 0.12);         /* séparateur discret */
  --line-strong: rgb(34 32 29 / 0.28);  /* contour de champ de formulaire */

  /* --- Polices ---------------------------------------------------------- */
  /* Toujours embarquées en local, jamais appelées chez Google : une requête
     vers un serveur tiers transmet l'adresse IP du visiteur sans base légale.
     Voir vendor/fonts/fonts.css et la règle posée le 17/08/2026. */
  --font-titre: 'Cormorant Garamond', Georgia, serif;
  --font-texte: 'Jost', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  /* --- Rythme ----------------------------------------------------------- */
  /* `clamp` fait le travail du responsive : une seule valeur qui s'adapte,
     au lieu de trois media queries à maintenir. */
  --pas: clamp(18px, 2vw, 28px);              /* espace entre deux éléments */
  --section: clamp(60px, 8vw, 108px);         /* respiration d'une section */
  --marge-page: clamp(20px, 5vw, 72px);       /* marge gauche et droite */
  --largeur-max: 1240px;                      /* largeur du contenu */
  --largeur-texte: 68ch;                      /* largeur d'un paragraphe lisible */

  /* --- Tailles de texte ------------------------------------------------- */
  --t-geant: clamp(2.6rem, 6vw, 4.4rem);      /* titre de hero */
  --t-titre: clamp(1.8rem, 3.4vw, 2.6rem);    /* titre de section */
  --t-sous-titre: clamp(1.2rem, 2vw, 1.5rem);
  --t-texte: 1.0625rem;
  --t-petit: 0.875rem;

  /* --- Formes et mouvement ---------------------------------------------- */
  --arrondi: 4px;
  --arrondi-carte: 10px;
  --transition: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}