/* =========================================================
   WEB · marca: los colores, letras, medidas y el ancho de columna de esta web.
   Lo carga toda la web, también la reserva y el panel: para cambiar de marca se toca solo esto y las fuentes.
   ========================================================= */

:root {
  --c-bg: #f6f3ee;
  --c-surface: #ffffff;
  --c-surface-2: #efeae2;
  --c-ink: #1d1b18;
  --c-muted: #6b6359;
  --c-line: #e2dbd0;
  --c-brand: #2f5d50;          /* color principal */
  --c-brand-ink: #ffffff;      /* texto sobre el color principal */
  --c-brand-soft: #dfe9e4;
  --c-accent: #c08b5c;
  --c-ok: #2e7d4f;
  --c-warn: #b7791f;
  --c-bad: #b23b3b;

  --f-display: "Fraunces", Georgia, serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius: .875rem;
  --radius-lg: 1.5rem;
  --shadow: 0 1px 2px rgba(29,27,24,.05), 0 .5rem 1.5rem rgba(29,27,24,.06);
  --wrap-base: 73.75rem;       /* ancho de columna (Muestrario: «Columna») */
  --wrap-grande: 70vw;         /* el mismo, en pantallas de más de 1440 px */
  --wrap: var(--wrap-base);
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 4.5rem;
}