/* Tokens de diseño. Reflejan theme.json y se usan en todo el CSS/PHP. */
:root {
  /* Colores */
  --color-primary: #2f6f4f;
  --color-primary-dark: #1f4d36;
  --color-accent: #d4a017;
  --color-rent: #9a6700;   /* ámbar oscuro: texto blanco legible (badge alquiler) */
  --color-whatsapp: #25d366;
  --color-ink: #1e2a23;
  --color-muted: #5d6b63;
  --color-line: #e2e6e3;
  --color-surface: #ffffff;
  --color-bg: #f6f7f5;

  /* Tipografía */
  --font-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --fs-small: .875rem;
  --fs-base: 1rem;
  --fs-medium: 1.25rem;
  --fs-large: 1.75rem;
  --fs-xlarge: 2.5rem;
  --fs-hero: clamp(2.25rem, 5vw, 3.75rem);

  /* Espaciado */
  --sp-xs: .5rem;
  --sp-s: 1rem;
  --sp-m: 1.5rem;
  --sp-l: 2.5rem;
  --sp-xl: 4rem;

  /* Layout */
  --container: 1200px;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 2px 8px rgba(30, 42, 35, .08);
  --shadow-lg: 0 8px 28px rgba(30, 42, 35, .14);
  --header-h: 72px;
  --transition: .2s ease;
}