/*
 Theme Name:        EficiencIA Theme
 Theme URI:         https://eficiencia.click
 Description:       Tema editorial minimalista para EficiencIA — Agencia de IA en Valencia. Azul tecnológico + Amarillo energético. Modo oscuro/claro integrado.
 Author:            EficiencIA
 Author URI:        https://eficiencia.click
 Version:           1.0.0
 Requires at least: 6.0
 Tested up to:      6.7
 Requires PHP:      8.0
 License:           Propietario
 Text Domain:       eficiencia-theme
*/

/* ============================================================
   VARIABLES CSS GLOBALES — Sistema de diseño EficiencIA
   Todos los colores, tipografía y espaciado del proyecto.
   Referenciadas desde front-page.php y plantillas futuras.
   ============================================================ */
:root {

  /* ── Azul tecnológico ── */
  --color-azul-primario:       #0A84FF;
  --color-azul-oscuro:         #0066CC;
  --color-azul-profundo:       #003A8C;
  --color-azul-noche:          #020B18;

  /* ── Amarillo energético ── */
  --color-amarillo:            #FFD000;
  --color-amarillo-hover:      #E6BB00;
  --color-amarillo-suave:      #FFF3CC;

  /* ── Fondos ── */
  --fondo-principal:           #F8F9FC;
  --fondo-oscuro:              #0D1117;
  --fondo-card:                #FFFFFF;
  --fondo-card-oscuro:         #161B22;
  --fondo-seccion-alternada:   #EBF0FF;

  /* ── Texto ── */
  --texto-primario:            #0D1117;
  --texto-secundario:          #6B7280;
  --texto-sobre-oscuro:        #E6EDF3;
  --texto-sobre-oscuro-suave:  #8B949E;
  --texto-enlace:              #0A84FF;

  /* ── Bordes ── */
  --borde-claro:               #E5E7EB;
  --borde-oscuro:              #30363D;
  --borde-azul:                rgba(10, 132, 255, 0.25);

  /* ── Tipografía ── */
  --fuente-principal: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fuente-display:   'Plus Jakarta Sans', 'Space Grotesk', 'Inter', sans-serif;
  --fuente-mono:      'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* ── Sombras ── */
  --sombra-sm:       0 1px 3px rgba(10, 132, 255, 0.10), 0 1px 2px rgba(0,0,0,0.06);
  --sombra-md:       0 4px 16px rgba(10, 132, 255, 0.12), 0 2px 6px rgba(0,0,0,0.08);
  --sombra-lg:       0 20px 40px rgba(10, 132, 255, 0.15), 0 8px 16px rgba(0,0,0,0.10);
  --sombra-amarillo: 0 4px 20px rgba(255, 208, 0, 0.35);

  /* ── Transiciones ── */
  --transicion-rapida:  150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transicion-normal:  300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transicion-lenta:   500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Layout ── */
  --ancho-contenido:  1200px;
  --ancho-texto:      720px;
}

/* ============================================================
   BASE GLOBAL — Reset mínimo
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--fuente-principal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Clase de accesibilidad — texto solo para lectores de pantalla */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}