/* Miau · Diseño B Premium · tokens de diseño
   Tomado del prototipo; las fuentes viven en ../fonts/. */

@font-face{font-family:'Cormorant Garamond';src:url('../fonts/CormorantGaramond-latin.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/CormorantGaramond-Italic-latin.woff2') format('woff2');font-weight:500 700;font-style:italic;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('../fonts/NunitoSans-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

:root{
  /* Color */
  --noche:#0A1024;        /* fondo principal */
  --noche-2:#10183A;      /* fondo alterno: Miau Club y bandas */
  --oro:#D8B565;          /* acento, botón principal, cursivas sobre oscuro */
  --oro-hover:#E6C981;    /* botón principal al pasar el cursor */
  --oro-oscuro:#7A5A22;   /* cursivas y etiquetas sobre crema */
  --crema:#F4EFE4;        /* secciones claras */
  --texto:#EDE9DF;        /* texto sobre oscuro */
  --texto-suave:#A9B0C6;  /* texto secundario sobre oscuro */
  --tinta:#0E1A42;        /* títulos sobre crema */
  --tinta-suave:#4F5873;  /* texto sobre crema */
  --linea:rgba(216,181,101,.28);
  --whatsapp:#25D366;     /* solo botón flotante */
  --whatsapp-oscuro:#0B3D2E;

  /* Tipografía */
  --f-titulo:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-texto:'Nunito Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --t-hero:clamp(4.25rem,8.9vw,8rem);      /* 68 a 128 px */
  --t-cierre:clamp(3.375rem,6.7vw,6rem);   /* 54 a 96 px */
  --t-manifiesto:clamp(3rem,5.6vw,5rem);   /* 48 a 80 px */
  --t-h2:clamp(3rem,5vw,4.5rem);           /* 48 a 72 px */
  --t-h3:clamp(2.875rem,3.9vw,3.5rem);     /* 46 a 56 px */
  --t-h4:clamp(2.25rem,3.1vw,2.75rem);     /* 36 a 44 px */
  --t-lista:clamp(1.6875rem,2.5vw,2.25rem);/* 27 a 36 px */
  --t-lead:clamp(1.0625rem,1.5vw,1.3125rem);/* 17 a 21 px */
  --t-texto:clamp(1rem,1.25vw,1.125rem);   /* 16 a 18 px */
  --t-chico:.875rem;                       /* 14 px */
  --t-etiqueta:.8125rem;                   /* 13 px */

  /* Espacio y medidas */
  --ancho:1240px;
  --margen:clamp(22px,4vw,40px);
  --seccion:clamp(64px,7.6vw,110px);
  --gap:clamp(24px,5vw,72px);
  --alto-barra:clamp(88px,8.4vw,120px);
  --radio:0;
  --sombra-flotante:0 10px 28px rgba(0,0,0,.42);
  --transicion:180ms ease;
}