/* ============================================================
   SISTEMA VISUAL · UJP-ISEHF · webproX
   sistema.css — fuente de verdad: tokens + tipografía
   Cargado por el child theme (functions.php lo encola si existe).
   Editar acá centraliza color/tipografía de todo el sistema.
   ============================================================ */

/* ─────────────────────────────────────────────
   TIPOGRAFÍA · Amelia Basis (servida desde el child, autónoma de Elementor)
   Archivos en /assets/fonts/ del child theme.
   woff + ttf (no hay woff2; woff tiene soporte universal).
   ───────────────────────────────────────────── */
@font-face{
  font-family:"Amelia Basis";font-weight:300;font-style:normal;font-display:swap;
  src:url("fonts/Amelia-Basic-Light.woff") format("woff"),
      url("fonts/Amelia-Basic-Light.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:300;font-style:italic;font-display:swap;
  src:url("fonts/Amelia-Basic-LightItalic.woff") format("woff"),
      url("fonts/Amelia-Basic-LightItalic.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:400;font-style:normal;font-display:swap;
  src:url("fonts/Amelia-Basic.woff") format("woff"),
      url("fonts/Amelia-Basic.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:400;font-style:italic;font-display:swap;
  src:url("fonts/Amelia-Basic-Italic.woff") format("woff"),
      url("fonts/Amelia-Basic-Italic.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:700;font-style:normal;font-display:swap;
  src:url("fonts/Amelia-Basic-Bold.woff") format("woff"),
      url("fonts/Amelia-Basic-Bold.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:700;font-style:italic;font-display:swap;
  src:url("fonts/Amelia-Basic-BoldItalic.woff") format("woff"),
      url("fonts/Amelia-Basic-BoldItalic.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:900;font-style:normal;font-display:swap;
  src:url("fonts/Amelia-Basic-Black.woff") format("woff"),
      url("fonts/Amelia-Basic-Black.ttf") format("truetype");
}
@font-face{
  font-family:"Amelia Basis";font-weight:900;font-style:italic;font-display:swap;
  src:url("fonts/Amelia-Basic-BlackItalic.woff") format("woff"),
      url("fonts/Amelia-Basic-BlackItalic.ttf") format("truetype");
}

/* ─────────────────────────────────────────────
   TOKENS · variables del sistema (prefijo --ujp-)
   Una sola fuente de verdad. Resuelve el drift #6B1B31 vs #681B31:
   el canónico del sistema es el borgoña #5E1626 elegido en diseño.
   ───────────────────────────────────────────── */
:root{
  /* Color · marca */
  --ujp-wine:        #5E1626;   /* borgoña canónico (resuelve el drift) */
  --ujp-wine-deep:   #420F1B;   /* borgoña profundo */
  --ujp-magenta:     #BD2453;   /* énfasis */
  --ujp-gold:        #C8A24B;   /* dorado, jerarquía */
  --ujp-gold-soft:   #E6D4A8;   /* dorado claro */

  /* Color · neutros */
  --ujp-ink:         #1A1418;   /* texto principal */
  --ujp-paper:       #FBF8F4;   /* fondo claro cálido */
  --ujp-paper-2:     #F2ECE3;   /* fondo claro alterno */
  --ujp-line:        #E4DACE;   /* divisores */
  --ujp-muted:       #6A5F62;   /* texto secundario */

  /* Tipografía */
  --ujp-font-display:"Amelia Basis", Georgia, serif;
  --ujp-font-body:   "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Pesos reales disponibles (no existe 600; usar 400/700) */
  --ujp-fw-light:   300;
  --ujp-fw-regular: 400;
  --ujp-fw-bold:    700;
  --ujp-fw-black:   900;

  /* Radios */
  --ujp-radius:     16px;
  --ujp-radius-sm:  9px;
  --ujp-radius-pill:999px;

  /* Espaciado (escala) */
  --ujp-sp-1:.5rem; --ujp-sp-2:1rem; --ujp-sp-3:1.5rem;
  --ujp-sp-4:2.5rem; --ujp-sp-5:4rem; --ujp-sp-6:6rem;

  /* Sombra base del sistema */
  --ujp-shadow:      0 14px 40px -18px rgba(66,15,27,.28);
  --ujp-shadow-hover:0 22px 54px -20px rgba(66,15,27,.36);
}

/* ============================================================
   NOTA: este archivo solo define tokens + tipografía.
   Los COMPONENTES (tarjeta, botones, header, footer) se suman
   en archivos/bloques propios que CONSUMEN estos tokens.
   Mantener la separación: tokens acá, componentes aparte.
   ============================================================ */