/* =========================================================================
   VATTOL — JETONS DE DESIGN (fichier unique de la charte)
   Changer une couleur ici la change sur tout le site ET le back-office.
   Palette officielle : bleu nuit et vert Vattol (voir décision D-01).
   ========================================================================= */
@font-face {
  font-family: "Manrope Vattol";
  src: url("../fonts/manrope-variable.946beb949095.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  /* Marque */
  --v-encre: #0f2338;          /* bleu nuit : titres, en-tête, boutons secondaires */
  --v-encre-2: #1c3a57;
  --v-balise: #28bf8e;         /* vert du logo : appel à l'action, sélection */
  --v-balise-fonce: #0b6e50;   /* vert lisible sur fond clair (texte, bordures) */
  --v-balise-pale: #e1f6ef;
  --v-lagon: #1f6f69;          /* vert d'eau : éléments positifs, économies */
  --v-lagon-pale: #e3f0ee;

  /* Surfaces et texte */
  --v-papier: #f6f3ec;         /* fond de page chaleureux */
  --v-surface: #ffffff;
  --v-surface-2: #fbfaf6;
  --v-ligne: #e2dbcd;
  --v-texte: #18212d;
  --v-texte-doux: #56606d;
  --v-sur-encre: #f6f3ec;      /* texte sur fond bleu nuit */

  /* Statuts (réservés : jamais utilisés comme couleur de marque) */
  --v-ok: #1d7a4a;      --v-ok-pale: #e4f3ea;
  --v-vigilance: #805200; --v-vigilance-pale: #fcf1dc;
  --v-stop: #b3261e;    --v-stop-pale: #fbe6e4;
  --v-neutre: #6b7280;  --v-neutre-pale: #eef0f2;

  /* Typographie (polices système : aucune requête vers un tiers, conforme RGPD) */
  --v-police: "Manrope Vattol", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --v-police-titres: var(--v-police);
  --v-taille-base: 17px;

  /* Formes */
  --v-rayon: 10px;
  --v-rayon-lg: 18px;
  --v-ombre: 0 1px 2px rgba(15, 35, 56, .06), 0 8px 24px rgba(15, 35, 56, .06);
  --v-largeur: 1120px;
}