/* =============================================================
   Design tokens — source unique de vérité pour les variables CSS.
   Importé par editor.css et concaténé en tête de bundle.css.
   Ne pas dupliquer ces valeurs ailleurs.
   ============================================================= */

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-heading:
    "Playfair Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif;
  --font-body:
    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --primary:    #a40027;
  --primary-05: #b7273c05;
  --primary-15: #b7273c15;
  --primary-25: #b7273c25;
  --primary-50: #b7273c50;
  --primary-75: #b7273c75;

  --beige:      #e8e4df;
  --cream:      #f5efe6;
  --black:      #2d2926;
  --white:      #fffdf9;
  --background: #faf6f0;

  --picture-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.18);
  --card-shadow:    0px 4px 20px 0px rgba(0, 0, 0, 0.08);

  --header-height: 160px;
}

@media screen and (min-width: 768px) {
  :root {
    --header-height: 120px;
  }
}