/* =====================================================================
   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: "Fraunces";
  src: url("fonts/fraunces.woff2") format("woff2");
  font-weight: 100 900;
  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 — Salon Mèche : prune, rose poudré */
  --paper: #f6eef1;        /* fond de page */
  --surface: #fffafc;
  --tint: #ead6de;
  --ink: #2e1730;          /* prune : texte, en-tête, pied de page */
  --ink-soft: #6b4e68;
  --accent: #e7b6c8;       /* rose : boutons d'action */
  --accent-ink: #2e1730;
  --ok: #2f7a55;
  --error: #b42318;

  /* Polices */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --display-weight: 560;
  --display-variation: "SOFT" 100;

  /* Formes */
  --radius-lg: 24px;
  --radius-media: 999px 999px 24px 24px;  /* photos en arche, comme un miroir de salon */
  --radius-sm: 12px;
  --radius-btn: 999px;
}