/*
 * Thème du site : couleurs et polices, et rien d'autre.
 * Identité visuelle d'Emma (charte du 30/10/2026, references/identite-visuelle/) :
 * fond beige, brun pour le texte et les titres, terracotta pour les mises en avant,
 * vert sauge pour les boutons. Butler pour les titres, Creato Display pour le texte,
 * Angelina pour les annotations.
 */

@font-face {
  font-family: "Butler";
  src: url("../fonts/butler-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato-display-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato-display-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato-display-medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Creato Display";
  src: url("../fonts/creato-display-medium-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Angelina";
  src: url("../fonts/angelina.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  --color-primary: #4c362d;        /* brun : titres, liens, filets */
  --color-primary-dark: #4c362d;   /* pied de page */
  --color-accent: #a46447;         /* terracotta : prix, mises en avant, survol des liens */
  --color-button: #88937b;         /* vert sauge : boutons */
  --color-on-button: #4c362d;
  --color-bg: #f1efe6;             /* beige : fond de page */
  --color-surface: #f1efe6;        /* même beige : seules les couleurs de la charte, fond uni */
  --color-text: #4c362d;
  --color-text-muted: #6f5b51;
  --color-border: #dad5c6;
  --color-on-dark: #f1efe6;        /* texte sur fond brun */

  --font-title: "Butler", Georgia, "Times New Roman", serif;
  --font-body: "Creato Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-annotation: "Angelina", "Segoe Script", cursive;

  /* Creato Display n'existe qu'en Regular et Medium : pas de gras synthétique */
  --weight-bold: 500;
}