/*
Theme Name:   Enfold Child - IESJ
Theme URI:    https://iesanjosen1.edu.co
Description:  Child theme para Institución Educativa San José Nº 1 - Magangué
Author:       IESJ
Author URI:   https://iesanjosen1.edu.co
Template:     enfold
Version:      2.0
Text Domain:  enfold-child
*/

/* ====================================
   FUENTES: se cargan via wp_enqueue_style en functions.php
   (el @import aqui bloqueaba el render en cadena)
   ==================================== */

/* ====================================
   VARIABLES DE COLOR - PALETA IESJ
   Basada en colores del escudo institucional
   ==================================== */
:root {
  /* === COLORES DEL ESCUDO === */
  --iesj-navy:        #1A3A8C;   /* Azul navy del escudo */
  --iesj-navy-dark:   #0F2460;   /* Azul más oscuro */
  --iesj-navy-deep:   #07163A;   /* Azul profundo para fondos */
  --iesj-gold:        #FFD700;   /* Amarillo dorado del escudo */
  --iesj-gold-dark:   #E6B800;   /* Dorado más oscuro */
  --iesj-red:         #C41E24;   /* Rojo de la cinta institucional */
  --iesj-red-light:   #E8232A;   /* Rojo más vivo */
  --iesj-green:       #2D7A3E;   /* Verde del laurel */

  /* === COLORES FUTURISTAS (extensión de la paleta) === */
  --iesj-cyan:        #00D9FF;   /* Cian eléctrico - modernidad */
  --iesj-cyan-glow:   #00F0FF;   /* Cian brillante para glow */
  --iesj-neon-gold:   #FFEA00;   /* Dorado neón */

  /* === GRADIENTES === */
  --grad-hero:        linear-gradient(135deg, #07163A 0%, #1A3A8C 50%, #00D9FF 100%);
  --grad-gold:        linear-gradient(135deg, #FFD700 0%, #E6B800 100%);
  --grad-cta:         linear-gradient(135deg, #FFD700 0%, #C41E24 100%);
  --grad-dark:        linear-gradient(180deg, #0F2460 0%, #07163A 100%);
  --grad-glass:       linear-gradient(135deg, rgba(26,58,140,0.8) 0%, rgba(0,217,255,0.1) 100%);

  /* === COLORES DE TEXTO === */
  --text-dark:        #0D1B3E;
  --text-medium:      #3A4A6B;
  --text-light:       #FFFFFF;
  --text-muted:       rgba(255,255,255,0.7);

  /* === FONDOS === */
  --bg-white:         #FFFFFF;
  --bg-light:         #F0F4FF;
  --bg-dark:          #07163A;

  /* === SOMBRAS === */
  --shadow-sm:        0 2px 8px rgba(26,58,140,0.12);
  --shadow-md:        0 4px 20px rgba(26,58,140,0.18);
  --shadow-lg:        0 8px 40px rgba(26,58,140,0.25);
  --shadow-glow:      0 0 20px rgba(0,217,255,0.3);
  --shadow-gold:      0 0 20px rgba(255,215,0,0.4);

  /* === BORDES === */
  --radius-sm:        6px;
  --radius-md:        12px;
  --radius-lg:        20px;
  --radius-xl:        32px;
  --radius-full:      9999px;

  /* === ESPACIADO === */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  64px;
  --space-3xl:  96px;

  /* === TIPOGRAFÍA === */
  --font-heading: 'Inter', 'Segoe UI', sans-serif;
  --font-body:    'Poppins', 'Open Sans', sans-serif;
  --font-accent:  'Montserrat', sans-serif;

  /* === TRANSICIONES === */
  --transition-fast:   0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-smooth: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}