:root {
  /* Colores */
  --color-negro: #000000;
  --color-blanco: #ffffff;
  --color-gris-oscuro: #111111;
  --color-gris-medio: #333333;
  --color-gris-suave: #888888;
  --color-gris-claro: #f0f0f0;
  --color-rosa: #f5c5b8;

  /* Tipografía */
  --fuente-display: 'Arial Black', 'Arial Bold', Impact, 'Franklin Gothic Heavy', sans-serif;
  --fuente-cuerpo: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Espaciado */
  --espacio-xs: 0.8rem;
  --espacio-sm: 1.6rem;
  --espacio-md: 2.4rem;
  --espacio-lg: 4rem;
  --espacio-xl: 6.4rem;
  --espacio-xxl: 12rem;

  /* Transiciones */
  --trans-rapida: 0.2s ease;
  --trans-media: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --trans-lenta: 0.6s ease;

  /* Contenedor */
  --max-ancho: 140rem;
}