/*
Theme Name: AITJ · Tema Institucional Gutenberg
Theme URI: https://justiciaterapeutica.org
Author: Asociación Iberoamericana de Justicia Terapéutica
Description: Tema institucional y académico de bloques para la Asociación Iberoamericana de Justicia Terapéutica (AITJ).
Version: 1.3.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: iajt-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   DESIGN SYSTEM - IAJT BRAND COLORS & TYPOGRAPHY
   ========================================================================== */
:root {
  /* Brand Colors */
  --iajt-green: #1B4D3E;       /* Verde Esmeralda Institucional */
  --iajt-green-dark: #12362B;  /* Verde Esmeralda Oscuro */
  --iajt-navy: #0F2042;        /* Azul Noche Judicial */
  --iajt-navy-light: #1A315E;  /* Azul Noche Secundario */
  --iajt-gold: #C5A059;        /* Oro / Bronce Académico */
  --iajt-gold-hover: #A8833E;  /* Oro Oscurecido Hover */
  --iajt-cream: #F9F9F6;       /* Fondo Marfil Editorial */
  --iajt-white: #FFFFFF;
  --iajt-gray-light: #ECECE6;
  --iajt-gray-mid: #6C757D;
  --iajt-text: #1C252C;        /* Carbón Marengo Legible */

  /* Typography */
  --iajt-font-heading: Georgia, "Times New Roman", serif;
  --iajt-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Spacing & Borders */
  --iajt-radius: 8px;
  --iajt-shadow: 0 4px 20px rgba(15, 32, 66, 0.08);
  --iajt-shadow-hover: 0 8px 30px rgba(15, 32, 66, 0.15);
  --iajt-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base Body Styles */
body {
  background-color: var(--iajt-cream);
  color: var(--iajt-text);
  font-family: var(--iajt-font-body);
  font-size: 1.125rem;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .wp-block-heading {
  color: var(--iajt-navy);
  font-family: var(--iajt-font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
}

a {
  color: var(--iajt-green);
  text-decoration: none;
  transition: var(--iajt-transition);
}

a:hover, a:focus {
  color: var(--iajt-gold);
  text-decoration: underline;
}

/* Accessibility Focus States */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--iajt-gold);
  outline-offset: 3px;
}