/* =========================================================================
   VARIABLES.CSS — Paleta y tipografía de Constructora Domus Alfha
   -------------------------------------------------------------------------
   PALETA OFICIAL (editar aquí cambia todo el sitio):
     Azul oscuro corporativo  ->  #1B3A5C
     Blanco                   ->  #FFFFFF
     Azul medio (acentos/hover)-> #2E6DA4
   NO se usa beige ni dorado. Todo el sitio vive en azul + blanco.
   ========================================================================= */

:root {
  /* --- Colores de marca --- */
  --navy:        #1B3A5C;   /* azul oscuro principal */
  --navy-deep:   #142C46;   /* azul aún más oscuro para degradados */
  --navy-800:    #24486B;   /* variante para tarjetas/hover suave */
  --blue-mid:    #2E6DA4;   /* azul medio: acentos, enlaces, hover */
  --blue-soft:   #4A8AC4;   /* azul claro para detalles y focos */
  --white:       #FFFFFF;   /* blanco puro */
  --off-white:   #F4F7FB;   /* blanco azulado para fondos de sección */
  --gray-light:  #F5F5F5;   /* gris claro neutro para dar variedad tonal */
  --border:      #DDE6EF;   /* líneas y bordes suaves */

  /* --- Texto (siempre dentro de la familia azul) --- */
  --text:        #1B3A5C;               /* texto principal = azul oscuro */
  --text-muted:  rgba(27, 58, 92, .70); /* texto secundario */
  --text-on-navy:      #FFFFFF;             /* texto sobre azul */
  --text-on-navy-soft: rgba(255,255,255,.78);

  /* --- WhatsApp (color de marca del botón flotante) --- */
  --wa-green:      #25D366;
  --wa-green-dark: #1EBE5A;

  /* --- Tipografía --- */
  --font-serif: Georgia, "Times New Roman", "Playfair Display", serif;
  --font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* --- Medidas / ritmo --- */
  --max-width: 1200px;
  --radius:    14px;
  --radius-sm: 8px;
  --shadow:    0 10px 30px rgba(27, 58, 92, .10);
  --shadow-lg: 0 22px 50px rgba(27, 58, 92, .18);
  --gap:       clamp(1rem, 2.5vw, 2rem);
  --section-y: clamp(3.5rem, 7vw, 6.5rem);
  --header-h:  76px;
}