/* =====================================================================
   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: "Bricolage Grotesque";
  src: url("fonts/bricolage-grotesque.woff2") format("woff2");
  font-weight: 200 800;
  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 — L'Atelier du Toiletteur : eau savonneuse, serviette, collier jaune */
  --paper: #eef4f2;        /* fond de page */
  --surface: #ffffff;      /* blocs clairs (tarifs, formulaire) */
  --tint: #cfe2da;         /* fonds secondaires, séparateurs */
  --ink: #14302a;          /* texte principal, en-tête, pied de page */
  --ink-soft: #46625b;     /* texte secondaire */
  --accent: #f5b700;       /* boutons d'action (Appeler, Envoyer) */
  --accent-ink: #14302a;   /* texte sur les boutons d'action */
  --ok: #1d7a55;
  --error: #b42318;

  /* Polices */
  --font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --display-weight: 750;

  /* Formes */
  --radius-lg: 28px;       /* grandes images */
  --radius-sm: 10px;       /* champs, petits blocs */
  --radius-btn: 999px;     /* boutons */
}