/* wwup. — tokens de diseño (paleta estricta de 3 colores) */
:root {
  /* 1. Blanco */
  --wwup-white:       #FFFFFF;
  --wwup-white-90:    rgba(255,255,255,.90);
  --wwup-white-muted: rgba(255,255,255,.80);
  --wwup-white-dim:   rgba(255,255,255,.55);
  --wwup-white-40:    rgba(255,255,255,.40);
  --wwup-white-20:    rgba(255,255,255,.20);
  --wwup-white-10:    rgba(255,255,255,.10);
  /* 2. Medio amarillo verdoso */
  --wwup-lime:        #E2F73D;
  --wwup-lime-rgb:    226,247,61;
  /* 3. Azul profundo del fondo */
  --wwup-midnight:    #02040A;
  --wwup-card-bg:     #080E1C;

  /* Tipografías. La captura de referencia rinde el serif con Georgia; Gelasio es
     métricamente compatible y se sirve local como respaldo. */
  --font-serif: Georgia, 'Gelasio', 'Playfair Display', 'Times New Roman', serif;
  --font-sans:  'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'Space Mono', 'SFMono-Regular', Menlo, monospace;

  --container: 1216px;   /* 1440 - 112*2 */
  --gutter: 112px;
}