/*
Theme Name:   Kadence ITAFE
Theme URI:    https://nuevo.itafe.com.es
Description:  Child theme de Kadence para ITAFE — Instalaciones Técnicas Avanzadas Fernández S.L.
Author:       ITAFE (Ángel Fernández)
Author URI:   https://nuevo.itafe.com.es
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-itafe
Tags:         hvac, solar, electricidad, málaga
*/

/* =============================================================================
   VARIABLES CSS — PALETA OFICIAL ITAFE
   Sistema de diseño centralizado. Nunca hardcodear colores fuera de aquí.
   ============================================================================= */

:root {

  /* Colores de marca */
  --itafe-primary:          #0A2540;  /* Azul profundo — confianza técnica */
  --itafe-secondary:        #00A9E0;  /* Azul eléctrico — energía */
  --itafe-accent:           #FF6B35;  /* Naranja solar — acento CTA */

  /* Fondos y superficie */
  --itafe-background:       #FAFBFC;  /* Blanco roto — fondos principales */
  --itafe-surface:          #FFFFFF;  /* Blanco puro — tarjetas, modales */

  /* Texto */
  --itafe-text-primary:     #2C3E50;  /* Gris carbón — texto principal */
  --itafe-text-secondary:   #64748B;  /* Gris medio — texto secundario */
  --itafe-text-inverse:     #FFFFFF;  /* Texto sobre fondos oscuros */

  /* Estados y feedback */
  --itafe-success:          #10B981;  /* Verde — garantías, confirmaciones */
  --itafe-urgency:          #EF4444;  /* Rojo — emergencias 24h, alertas */
  --itafe-warning:          #F59E0B;  /* Ámbar — avisos */

  /* Bordes y estructura */
  --itafe-border:           #E2E8F0;  /* Bordes y separadores */
  --itafe-border-strong:    #CBD5E1;  /* Bordes más marcados */

  /* Tipografías */
  --itafe-font-headings:    'Poppins', sans-serif;
  --itafe-font-body:        'Inter', sans-serif;
  --itafe-font-mono:        'JetBrains Mono', monospace;

  /* Escala tipográfica (mobile-first, en rem) */
  --itafe-text-xs:          0.75rem;   /* 12px */
  --itafe-text-sm:          0.875rem;  /* 14px */
  --itafe-text-base:        1rem;      /* 16px */
  --itafe-text-lg:          1.125rem;  /* 18px */
  --itafe-text-xl:          1.25rem;   /* 20px */
  --itafe-text-2xl:         1.5rem;    /* 24px */
  --itafe-text-3xl:         1.875rem;  /* 30px */
  --itafe-text-4xl:         2.25rem;   /* 36px */
  --itafe-text-5xl:         3rem;      /* 48px */

  /* Espaciado */
  --itafe-space-1:          0.25rem;   /* 4px */
  --itafe-space-2:          0.5rem;    /* 8px */
  --itafe-space-3:          0.75rem;   /* 12px */
  --itafe-space-4:          1rem;      /* 16px */
  --itafe-space-6:          1.5rem;    /* 24px */
  --itafe-space-8:          2rem;      /* 32px */
  --itafe-space-12:         3rem;      /* 48px */
  --itafe-space-16:         4rem;      /* 64px */
  --itafe-space-20:         5rem;      /* 80px */

  /* Radios de borde */
  --itafe-radius-sm:        0.25rem;   /* 4px */
  --itafe-radius:           0.5rem;    /* 8px */
  --itafe-radius-lg:        0.75rem;   /* 12px */
  --itafe-radius-xl:        1rem;      /* 16px */
  --itafe-radius-full:      9999px;    /* Circular */

  /* Sombras */
  --itafe-shadow-sm:        0 1px 2px 0 rgba(0,0,0,0.05);
  --itafe-shadow:           0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --itafe-shadow-lg:        0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --itafe-shadow-xl:        0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);

  /* Transiciones */
  --itafe-transition:       150ms ease-in-out;
  --itafe-transition-slow:  300ms ease-in-out;

  /* Anchos de contenedor */
  --itafe-container-sm:     640px;
  --itafe-container-md:     768px;
  --itafe-container-lg:     1024px;
  --itafe-container-xl:     1280px;
  --itafe-container-2xl:    1440px;
}

/* =============================================================================
   ESTILOS BASE — Aplicar paleta ITAFE sobre Kadence
   ============================================================================= */

/* Tipografía base */
body {
  font-family: var(--itafe-font-body);
  color: var(--itafe-text-primary);
  background-color: var(--itafe-background);
}

/* Títulos con Poppins */
h1, h2, h3,
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3 {
  font-family: var(--itafe-font-headings);
  color: var(--itafe-primary);
  font-weight: 700;
}

h4, h5, h6 {
  font-family: var(--itafe-font-headings);
  color: var(--itafe-primary);
  font-weight: 600;
}

/* Links */
a {
  color: var(--itafe-secondary);
  transition: color var(--itafe-transition);
}

a:hover {
  color: var(--itafe-primary);
}