/*
Theme Name: ARMAX Ingeniería
Theme URI: https://armax.spa
Author: ARMAX Ingeniería SpA
Author URI: https://armax.spa
Description: Tema corporativo para ARMAX Ingeniería SpA — recuperación y protección de activos críticos (minería e industria marítima). Construido con Tailwind CSS y animaciones GSAP, compatible con Elementor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: armax
*/

/* ==========================================================================
   Variables de marca (usadas por CSS custom fuera de Tailwind)
   ========================================================================== */
:root {
  --armax-graphite: #10151c;
  --armax-steel: #1b2e4a;
  --armax-steel-light: #2a4468;
  --armax-ember: #e8590c;
  --armax-ember-light: #ff8a3d;
  --armax-cloud: #f5f6f8;
  --armax-mist: #e7eaee;
  --armax-font-display: "Oswald", "Arial Narrow", sans-serif;
  --armax-font-body: "Inter", system-ui, sans-serif;
}

/* Reset mínimo (Tailwind Preflight vía CDN cubre el resto) */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--armax-font-body);
  background-color: var(--armax-cloud);
  color: var(--armax-graphite);
}

h1, h2, h3, h4, .font-display {
  font-family: var(--armax-font-display);
  letter-spacing: 0.01em;
}

/* Accesibilidad: foco visible en toda la navegación por teclado */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--armax-ember);
  outline-offset: 2px;
}

/* Respeta la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}