@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;700&family=Merriweather:wght@400;700;900&display=swap');

:root {
  /* Colores base — paleta moderna: blancos, pasteles, rojos */
  --bg:           #F8F6F3;
  --surface:      #FFFFFF;
  --border:       #E8E2D9;
  --border-dark:  #D4CBC0;
  --text:         #1C1B1A;
  --text-muted:   #7A726A;
  --text-light:   #A69E96;
  --accent:       #C62828;
  --accent-light: #EF5350;
  --accent-dark:  #8E1C1C;
  --link:         #B71C1C;
  --link-hover:   #8E1C1C;

  /* Colores por sección — versión pastel/rojiza */
  --sec-economia:       #2E7D32;
  --sec-politica:       #C62828;
  --sec-medio-ambiente: #388E3C;
  --sec-ciencia:        #6A1B9A;
  --sec-cultura:        #D84315;
  --sec-derechos:       #AD1457;
  --sec-historia:       #4E342E;
  --sec-salud:          #00838F;
  --sec-opinion:        #37474F;
  --sec-deportes:       #1565C0;
  --sec-sociedad:       #6D4C41;

  /* Tipografía */
  --font-serif:   'Merriweather', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', 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 — más suaves */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow:    0 4px 12px rgba(0,0,0,0.07);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.10);

  /* Redes sociales */
  --whatsapp:  #25D366;
  --facebook:  #1877F2;
  --twitter-x: #000000;
  --telegram:  #229ED9;

  /* Transiciones */
  --transition: 180ms ease;

  /* Radios */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 12px;
}