:root {
  /* Colores base */
  --bg:           #FAFAF8;
  --surface:      #FFFFFF;
  --border:       #E2DDD5;
  --border-dark:  #C8C1B6;
  --text:         #1A1A18;
  --text-muted:   #6B6560;
  --text-light:   #9C958E;
  --accent:       #C41E1E;
  --link:         #1A3A6B;
  --link-hover:   #C41E1E;

  /* Colores por sección */
  --sec-economia:       #1B5E20;
  --sec-politica:       #1A237E;
  --sec-medio-ambiente: #2E7D32;
  --sec-ciencia:        #4A148C;
  --sec-internacional:  #B71C1C;
  --sec-cultura:        #E65100;
  --sec-derechos:       #880E4F;
  --sec-historia:       #4E342E;
  --sec-salud:          #006064;
  --sec-opinion:        #212121;

  /* Tipografía */
  --font-serif:   Georgia, 'Times New Roman', serif;
  --font-sans:    system-ui, -apple-system, sans-serif;
  --font-mono:    'Courier New', Courier, monospace;

  /* Escala tipográfica */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Espaciado */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* Layout */
  --max-w:     1200px;
  --col-main:  2fr;
  --col-side:  1fr;
  --gap:       1.5rem;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow:    0 2px 8px rgba(0,0,0,0.10);

  /* Transiciones */
  --transition: 150ms ease;
}