/*
 * ============================================================
 *  variables.css — Jireh Aire Acondicionado, S.A.
 *
 *  CÓMO CAMBIAR LA PALETA CORPORATIVA:
 *  Edita únicamente los valores de :root {} a continuación.
 *  Todo el sitio se actualiza automáticamente.
 * ============================================================
 */
:root {
  /* ── PALETA PRINCIPAL (extraída del logotipo oficial) ── */
  --navy:          #1D4374;   /* Azul marino — texto "Jireh"             */
  --navy-dark:     #132E52;   /* Hover / estados activos                 */
  --navy-light:    #2A5A96;   /* Variante más clara                      */

  --teal:          #29A9BE;   /* Teal — "Aire Acondicionado, S.A."       */
  --teal-dark:     #1A7A8A;   /* Teal oscuro — diamante central logo     */
  --teal-light:    #5CC8D8;   /* Teal claro — diamante azul logo         */
  --teal-xlight:   #C3EDF3;   /* Teal muy claro — fondos suaves          */

  --sky:           #72C4E8;   /* Azul cielo — detalle del logo           */

  /* ── NEUTROS ─────────────────────────────────────────── */
  --white:         #FFFFFF;
  --surface:       #F4FBFD;   /* Fondo general                           */
  --surface-alt:   #EDF7FA;   /* Secciones alternas                      */
  --border:        #CBE8F0;
  --muted:         #6B8A99;   /* Texto secundario                        */
  --text:          #1A2E3A;   /* Texto principal                         */
  --error:         #D93025;
  --success:       #1E8F4E;

  /* ── SOMBRAS ─────────────────────────────────────────── */
  --shadow-sm: 0 1px 4px rgba(29,67,116,.08);
  --shadow-md: 0 4px 16px rgba(29,67,116,.12);
  --shadow-lg: 0 8px 32px rgba(29,67,116,.16);
  --shadow-xl: 0 16px 48px rgba(29,67,116,.22);

  /* ── TIPOGRAFÍA ──────────────────────────────────────── */
  --font-display: 'Montserrat', system-ui, sans-serif;
  --font-body:    'Inter',      system-ui, sans-serif;

  /* ── RADIOS ──────────────────────────────────────────── */
  --r-sm:   .375rem;
  --r-md:   .625rem;
  --r-lg:   1rem;
  --r-xl:   1.5rem;
  --r-full: 9999px;

  /* ── TRANSICIONES ─────────────────────────────────────  */
  --t-fast: 150ms ease;
  --t-base: 250ms ease;
  --t-slow: 400ms ease;

  /* ── LAYOUT ──────────────────────────────────────────── */
  --container-max: 1200px;
  --pad-x-mobile:  1.25rem;
  --pad-x-desktop: 5rem;
  --navbar-h:      72px;

  /* ── WHATSAPP ─────────────────────────────────────────── */
  --wa-green:      #25D366;
  --wa-green-dark: #1DA851;
}