/* Design tokens NO'OXPERTISES -- source unique de verite pour les couleurs,
   polices et constantes visuelles du site public. Toute nouvelle page ou
   composant doit puiser ici plutot que redefinir des valeurs en dur. */
:root {
  /* Couleurs -- extraites du logo (terre cuite + sable) */
  --noir: #2b2622;
  --noir-clair: #3a332d;
  --blanc: #f5f2ed;
  --terre: #c4622d;
  --terre-claire: #e8845a;
  --terre-dark: #9a4a1f;
  --sable: #d4c4a8;
  --gris: #6b6560;

  /* Etats */
  --succes: #4a7c59;
  --erreur: #b0402f;

  /* Typographie */
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif;

  /* Bordures -- deux niveaux de subtilite sur fond sombre */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.1);

  /* Rayons, ombres, transitions -- le site garde des angles francs par
     choix (identite architecturale), le radius sert aux badges/tags. */
  --radius-sm: 4px;
  --radius-md: 10px;
  --card-lift: -6px;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --shadow-soft: 0 10px 30px rgba(43, 38, 34, 0.35);

  --section-pad: 120px 60px;

  /* Contrastes (WCAG AA, 4,5:1 pour le texte normal) : --terre seul ne fait que 3,66:1, il reste reserve aux fonds, filets et
     grands titres ; le TEXTE prend la variante lisible selon le fond. */
  --terre-texte: var(--terre-dark);     /* texte sur fond clair (5,58:1) */
  --terre-texte-sombre: var(--terre-claire); /* texte sur fond sombre (5,62:1) */
  --gris-sur-noir: #8a847e;             /* gris de pied de page sur #080808 (5,4:1) */
  --gris-sur-noir-clair: #a39d97;       /* texte secondaire sur --noir / --noir-clair : 5,6:1 sur #2b2622, 4,7:1 sur #3a332d */
  --voyant-ok: #3ecf8e;                /* voyant vert « en production » du badge de version (decoratif, 9:1 sur --noir) */
}