:root {

   /* =========================
     COLORS
     - Paleta base del proyecto
     - Negro como fondo dominante
     - Grises para jerarquía y respiración
     - Dorado como acento, nunca protagonista
     ========================= */

   --color-black: #0b0b0b;
   --color-dark-gray: #1a1a1a;
   --color-gray: #8a8a8a;
   --color-light-gray: #e5e5e5;

   /* Dorado como acento editorial */
   --color-gold: #bfa76f;
   --color-gold-soft: rgba(191, 167, 111, 0.6);

   /* =========================
     TYPOGRAPHY
     - Tipografías base
     - Primaria: limpia, moderna
     - Secundaria: editorial, contraste
     ========================= */

   --font-primary: 'Helvetica Neue', Arial, sans-serif;
   --font-secondary: 'Georgia', serif;

   /* =========================
     SPACING
     - Sistema de espaciado consistente
     - Escala progresiva
     - Usado en layout y ritmo editorial
     ========================= */

   --space-xs: 0.5rem;
   --space-sm: 1rem;
   --space-md: 2rem;
   --space-lg: 4rem;
   --space-xl: 6rem;

   /* =========================
     TRANSITIONS
     - Duraciones estándar
     - El easing se define en base / animations
     - Evita valores mágicos dispersos
     ========================= */

   --transition-fast: 0.3s ease;
   --transition-medium: 0.6s ease;
   --transition-slow: 1s ease;

}