@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/fonts/jost-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/fonts/jost-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/fonts/jost-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta de marca: qué colores existen */
  --green: #1E3B33;
  --claret: #5A1E2A;
  --champagne: #C8B27D;   /* nunca como color de texto sobre ivory (contraste 1,9:1) */
  --ivory: #F4EFE6;
  --ink: #1A1A1A;
  --ink-soft: #5C574E;
  --line: #DDD4C3;

  /* Uso: dónde se aplica cada uno */
  --color-bg: var(--ivory);
  --color-text: var(--ink);
  --color-text-muted: var(--ink-soft);
  --color-heading: var(--green);
  --color-link: var(--claret);
  --color-border: var(--line);
  --color-focus: var(--green);
  --color-band-bg: var(--green);
  --color-band-text: var(--ivory);
  --color-accent: var(--champagne);

  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}