/*
Theme Name:   Hello Elementor Child — Colegio Los Ángeles Santiago
Theme URI:    https://colegiolosangelessantiago.cl
Description:  Child theme de Hello Elementor para el sitio del Colegio Los Ángeles Santiago. Aloja el sistema de diseño global (design tokens, CSS custom) versionado en git. NO editar en el servidor: la fuente de verdad es el repositorio.
Author:       Leonardo Villagrán
Template:     hello-elementor
Version:      0.1.0
Text Domain:  hello-elementor-child
*/

/* ============================================================
   El CSS real vive en assets/custom.css (encolado desde
   functions.php). Este archivo solo declara la cabecera del
   tema y los design tokens globales.
   ============================================================ */

:root {
  /* Paleta oficial del sitio (reglas de uso en docs/design-system.md) */
  --clas-beige:         #F5F0E8; /* fondo cálido principal */
  --clas-beige-claro:   #FBF8F3; /* fondo alterno */
  --clas-tinta:         #1C0A06; /* títulos casi-negro sobre beige */
  --clas-burdeo:        #6B0F1A; /* identidad / acento fuerte */
  --clas-burdeo-oscuro: #460814; /* barras de peso (badges del hero) */
  --clas-dorado:        #C9A84C; /* acento dorado — solo sobre burdeo */
  --clas-dorado-claro:  #F0D080; /* acento dorado claro — solo sobre burdeo */

  /* Tipografía (familias ya cargadas por el sitio) */
  --clas-font-display: 'Roboto Slab', Georgia, serif;
  --clas-font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Escala tipográfica fluida (móvil → desktop) */
  --clas-t-h1: clamp(2rem, 1.4rem + 2.5vw, 3rem);
  --clas-t-h2: clamp(1.5rem, 1.2rem + 1.5vw, 2.1rem);
  --clas-t-h3: clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);
  --clas-t-body: 1rem;
  --clas-t-small: 0.875rem;
  --clas-t-label: 0.78rem; /* eyebrows/etiquetas, mayúsculas + letter-spacing */

  /* Espaciado (base 8px) */
  --clas-sp-1: 0.25rem;
  --clas-sp-2: 0.5rem;
  --clas-sp-3: 1rem;
  --clas-sp-4: 1.5rem;
  --clas-sp-5: 2rem;
  --clas-sp-6: 3rem;
  --clas-sp-7: 4rem;

  /* Forma y elevación */
  --clas-r-sm: 6px;
  --clas-r-md: 10px;
  --clas-r-lg: 16px;
  --clas-shadow-sm: 0 1px 3px rgba(28, 10, 6, 0.08);
  --clas-shadow-md: 0 6px 20px rgba(28, 10, 6, 0.12);

  /* Movimiento */
  --clas-dur: 180ms;
  --clas-ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}