/* ============================================================
   Variables CSS — VI Centenario Ciudad de Huete — Intranet
   ============================================================ */

:root {
    /* ─── Colores Primarios ─── */
    --lacre: #8B1A1A;
    --lacre-hover: #A82020;
    --lacre-dark: #5C1010;
    --oro: #C4953A;
    --oro-claro: #E8C36A;
    --oro-oscuro: #8B6914;
    --pergamino: #F5E6C8;

    /* ─── Colores Secundarios ─── */
    --negro: #1A1A1A;
    --negro-profundo: #0D0D0D;
    --marfil: #FEFAF0;
    --esmeralda: #1B6B3A;
    --rubi: #9B1B30;
    --sepia: #704214;

    /* ─── Colores de UI ─── */
    --bg-app: #F3F4F6;
    --bg-sidebar: #111111;
    --bg-sidebar-hover: #1E1E1E;
    --bg-sidebar-active: var(--lacre);
    --bg-card: #FFFFFF;
    --bg-input: #F9FAFB;
    --bg-header: #FFFFFF;

    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --text-sidebar: #D1D5DB;
    --text-sidebar-active: #FFFFFF;
    --text-white: #FFFFFF;
    --text-oro: var(--oro);

    --border-light: #E5E7EB;
    --border-medium: #D1D5DB;
    --border-input: #D1D5DB;
    --border-focus: var(--oro);

    /* ─── Estados ─── */
    --success: #059669;
    --success-bg: #ECFDF5;
    --warning: #D97706;
    --warning-bg: #FFFBEB;
    --error: #DC2626;
    --error-bg: #FEF2F2;
    --info: #2563EB;
    --info-bg: #EFF6FF;

    /* ─── Gradientes ─── */
    --gradient-gold: linear-gradient(135deg, #C4953A 0%, #E8C36A 40%, #C4953A 70%, #8B6914 100%);
    --gradient-lacre: linear-gradient(135deg, #8B1A1A 0%, #5C1010 100%);
    --gradient-hero: linear-gradient(135deg, #8B1A1A 0%, #6B1515 50%, #4A0F0F 100%);
    --gradient-sidebar: linear-gradient(180deg, #111111 0%, #0A0A0A 100%);

    /* ─── Tipografía ─── */
    --font-display: 'Cinzel', Georgia, serif;
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    --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;

    /* ─── Espaciado ─── */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    /* ─── Bordes ─── */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* ─── Sombras ─── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
    --shadow-gold: 0 4px 14px rgba(196, 149, 58, 0.25);
    --shadow-lacre: 0 4px 14px rgba(139, 26, 26, 0.2);

    /* ─── Transiciones ─── */
    --transition-fast: all 0.15s ease;
    --transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);

    /* ─── Layout ─── */
    --sidebar-width: 260px;
    --sidebar-collapsed: 0px;
    --header-height: 64px;
}