/* =====================================================================
   RÉGLAGES DU SITE — le seul fichier CSS à modifier pour un nouveau client.
   Couleurs, polices et arrondis. Le reste (style.css) ne change jamais.
   ===================================================================== */

@font-face {
  font-family: "Archivo";
  src: url("fonts/archivo.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("fonts/atkinson-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Couleurs — Rifon Électricité : plâtre, gaine, fil de terre */
  --paper: #f2f3f0;        /* fond de page : plâtre */
  --surface: #ffffff;
  --tint: #dfe4e8;
  --ink: #1a2230;          /* texte, en-tête, pied de page */
  --ink-soft: #4d5868;
  --accent: #c8e03a;       /* vert-jaune du fil de terre : boutons d'action */
  --accent-ink: #1a2230;
  --ok: #2f8f4e;
  --error: #b42318;

  /* Polices */
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --display-weight: 800;
  --display-stretch: 112%;

  /* Formes : angles francs, comme un tableau électrique */
  --radius-lg: 6px;
  --radius-sm: 4px;
  --radius-btn: 6px;
}