/* Tokens de diseño, sitio de MBS & Native Group SpA. Fuente única: ver guia.md.
   Autor del diseño: Trazo (UX/UI). Todas las páginas importan este archivo. */
:root{
  /* Color, marca */
  --verde:#0A3326;           /* fondo de marca, botones primarios */
  --verde-profundo:#051C14;  /* pie, fondos más oscuros */
  --verde-texto:#12291F;     /* texto sobre crema */
  --dorado:#C49A55;          /* filetes, íconos, detalles. No para texto pequeño sobre crema */
  --dorado-claro:#E6C67F;    /* texto de acento sobre verde */
  --dorado-oscuro:#8F6A2E;   /* acento decorativo y texto grande (24 px o más) sobre crema */
  --dorado-texto:#7F5C24;    /* texto pequeño dorado sobre crema, contraste 5,3 a 1 */
  --crema:#F4EFE4;           /* fondo claro de sección */
  --crema-texto:#EFE7D5;     /* texto sobre verde */
  --blanco-calido:#FFFDF8;   /* tarjetas sobre crema */
  --blanco-titulo:#FBF7EE;   /* títulos sobre verde */

  /* Transparencias derivadas (no inventar otras) */
  --linea-dorada:#C49A5540;
  --linea-dorada-fuerte:#C49A5580;
  --texto-suave-claro:#34473D;   /* texto secundario sobre crema, 8,6 a 1 */
  --texto-suave-oscuro:#B4B4A5;  /* texto secundario sobre verde profundo, 8,5 a 1 */

  /* Tipografía */
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Montserrat',Arial,sans-serif;
  --t-hero:clamp(40px,6.2vw,76px);
  --t-h2:clamp(32px,4.2vw,48px);
  --t-h3:clamp(24px,2.6vw,30px);
  --t-cita:clamp(22px,2.6vw,28px);
  --t-cuerpo:16px;
  --t-cuerpo-sm:15px;
  --t-etiqueta:12px;

  /* Espaciado, base 4 px */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; --e7:48px; --e8:64px; --e9:96px;
  --gutter:20px;             /* 24 px desde 720 px */
  --ancho:1200px;            /* ancho máximo del contenido */
  --ancho-texto:640px;
  --alto-cabecera:72px;

  /* Forma */
  --radio:18px; --radio-boton:999px;
  --sombra:0 18px 40px -22px #051C1466;
}
@media (min-width:720px){:root{--gutter:32px;--alto-cabecera:88px}}