/* ═══════════════════════════════════════════════════════════════
   variables.css — Design Tokens
   Cofradía del Santo Sepulcro · Medellín
   ═══════════════════════════════════════════════════════════════ */

:root {

    /* ── Paleta Azul Vaticano + Dorado ───────────────────────── */
    --color-burgundy:       #0d1f3c;   /* azul marino oscuro — header/footer */
    --color-burgundy-mid:   #1a3560;   /* azul medio — hover, bordes */
    --color-burgundy-light: #2a5298;   /* azul royal — acentos secundarios */

    --color-gold:           #c9a84c;   /* dorado principal */
    --color-gold-light:     #e8c96a;   /* dorado claro, texto sobre oscuro */
    --color-gold-dark:      #9a7530;   /* dorado oscuro, kickers */
    --color-gold-pale:      #f0e4b8;   /* dorado muy suave */

    --color-cream:          #f4f7fc;   /* fondo principal — azul muy suave */
    --color-ivory:          #eaf0f8;   /* fondo secciones alternas */
    --color-stone:          #d0dcea;   /* bordes sutiles */
    --color-dark-bg:        #070f1e;   /* fondo secciones oscuras */

    --color-text:           #0d1a2e;   /* texto principal */
    --color-text-mid:       #2c4166;   /* texto secundario */
    --color-text-light:     #5a7399;   /* texto auxiliar */
    --color-white:          #ffffff;

    /* ── Topbar ──────────────────────────────────────────────── */
    --color-topbar-bg:      #060e1c;
    --color-topbar-text:    rgba(255,255,255,.65);

    /* ── Tipografía ──────────────────────────────────────────── */
    --font-display: 'Cinzel', 'Georgia', serif;
    --font-body:    'EB Garamond', 'Georgia', serif;
    --font-ui:      'Raleway', 'Helvetica Neue', sans-serif;

    /* ── Sombras ─────────────────────────────────────────────── */
    --shadow-xs: 0 1px 4px  rgba(0,0,0,.10);
    --shadow-sm: 0 2px 8px  rgba(0,0,0,.14);
    --shadow-md: 0 8px 32px rgba(0,0,0,.18);
    --shadow-lg: 0 24px 64px rgba(0,0,0,.24);

    /* ── Espaciado y layout ──────────────────────────────────── */
    --max-width: 1280px;
    --section-pad: 6rem 2rem;
    --section-pad-sm: 4rem 1.5rem;

    /* ── Transición global ───────────────────────────────────── */
    --transition: .38s cubic-bezier(.25,.46,.45,.94);
    --transition-fast: .2s ease;

    /* ── Bordes ──────────────────────────────────────────────── */
    --radius-sm: 2px;
    --radius-md: 6px;
    --radius-lg: 12px;
}