/* =========================================================
   EfrainVillagran.net — Design Tokens
   brand.css — SOLO variables CSS (sin estilos de componentes)
   Extraído de: 5-8-26/css/style.css (sitio de referencia)
   Fase 3 — no incluye reglas de header, footer ni componentes
   ========================================================= */

:root {

  /* ---------- Colores ---------- */
  --primary: #0A2458;
  --primary-2: #123274;
  --accent: #1E88FF;
  --accent-2: #0B6FE0;
  --accent-soft: #E8F2FF;
  --white: #FFFFFF;
  --gray-50: #F7F9FC;
  --gray-100: #F0F3F9;
  --gray-200: #E2E7F1;
  --gray-400: #93A0BC;
  --gray-600: #54607A;
  --gray-900: #0E1526;

  /* ---------- Tipografías ---------- */
  --font-heading: 'Manrope', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* ---------- Radios ---------- */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* ---------- Sombras ---------- */
  --shadow-sm: 0 1px 3px rgba(10, 36, 88, .07);
  --shadow-md: 0 12px 30px rgba(10, 36, 88, .10);
  --shadow-lg: 0 28px 64px rgba(10, 36, 88, .18);

  /* ---------- Easing ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* ---------- Espaciados ---------- */
  /* Escala derivada de los valores de padding/margin/gap
     que se repiten de forma consistente en el sitio */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 10px;
  --space-sm: 14px;
  --space-md: 18px;
  --space-lg: 22px;
  --space-xl: 28px;
  --space-2xl: 40px;
  --space-3xl: 64px;

  /* Espaciados de sección (padding vertical de bloques grandes) */
  --space-section-sm: 90px;
  --space-section-lg: 110px;

}