/* ==========================================================================
   Variables Globales - Sistema Visual
   ========================================================================== */

:root {
    /* Identidad de Color */
    --color-primary: #B10E10; /* Rojo Tabernáculo: pasión, sacrificio, vida */
    --color-dark: #080808; /* Negro Cinemático: hero, fondos profundos */
    --color-light: #F8F5F0; /* Blanco Luz: fondos claros */
    --color-accent: #C9A227; /* Dorado Gloria: detalles especiales */
    --color-text-muted: #A8A8A8; /* Gris Editorial: texto secundario */

    /* Tipografía */
    --font-serif: 'Cormorant Garamond', serif;
    --font-sans: 'Inter', sans-serif;

    /* Grid y Espaciado (12 columnas) */
    --grid-columns: 12;
    --grid-gap: 2rem;
    --container-max-width: 1440px;
    --container-padding: 4rem;

    /* Transiciones */
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: 0.3s ease-out;

    /* Z-Index Layers */
    --z-background: -1;
    --z-base: 1;
    --z-content: 10;
    --z-overlay: 100;
    --z-header: 1000;
}