/* ============================================================================
   SYNESYS — Sistema de marca (brand tokens)
   Fuente única de verdad visual. Todo componente depende de estas variables.
   Reglas del cliente (minuta 19-jun-2026): colores SÓLIDOS, sin degradados,
   sin medias tintas, tipografía Montserrat. Ningún valor fuera del Brandbook.
   ========================================================================== */

/* ---------- Tipografía oficial (Brandbook diap. 15) ---------- */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}
/* Tipografía secundaria dinámica del paquete gráfico (display) */
@font-face {
  font-family: 'Parabolica';
  src: url('../fonts/Parabolica-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Parabolica';
  src: url('../fonts/Parabolica-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  /* ---------- Color (Brandbook diap. 11 y 12) — SÓLIDOS ---------- */
  --synesys-blue:    #0000FF;   /* Azul principal  RGB 0,0,255   */
  --synesys-magenta: #FC00FF;   /* Magenta acento  RGB 252,0,255 */
  --synesys-orange:  #FF4600;   /* Naranja muestreado del logo oficial — PENDIENTE confirmar hex con cliente (punto 9.6) */
  --synesys-black:   #000000;
  --synesys-white:   #FFFFFF;
  --synesys-ink:     #0A0A12;   /* negro de apoyo controlado (texto/footer) */

  /* Roles semánticos */
  --bg:           var(--synesys-white);
  --fg:           var(--synesys-ink);
  --brand:        var(--synesys-blue);
  --accent:       var(--synesys-magenta);

  /* ---------- Tipografía ---------- */
  --font-main:    'Montserrat', Arial, Helvetica, sans-serif;
  --font-display: 'Parabolica', 'Montserrat', Arial, sans-serif;

  --fw-light: 300;
  --fw-reg:   400;
  --fw-med:   500;
  --fw-bold:  700;
  --fw-black: 900;

  /* Escala tipográfica fluida */
  --fs-mega:  clamp(2.75rem, 7vw, 6rem);
  --fs-h1:    clamp(2.2rem, 5vw, 4rem);
  --fs-h2:    clamp(1.8rem, 3.6vw, 3rem);
  --fs-h3:    clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead:  clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-body:  1rem;
  --fs-small: 0.875rem;

  /* ---------- Espaciado / layout ---------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  --maxw: 1240px;
  --gutter: clamp(1rem, 4vw, 3rem);

  /* Margen de seguridad del logo (Brandbook diap. 6, basado en altura "S") */
  --logo-safe: clamp(16px, 3vw, 32px);
  --logo-min:  178px;            /* tamaño mínimo digital (diap. 7) */

  --radius: 4px;                 /* bordes limpios, sin ornamento */
  --header-h: 76px;

  --ease: cubic-bezier(.22, 1, .36, 1);
}