/* CSS Variables for Medieval Kingdom Theme */
:root {
    /* Primary Colors - Accentos (joyas, iluminación, magia) */
    --primary-gold: #D4AF37;
    --bronze-aged: #8A6E48;
    --warm-light: #F9D57E;
    --magic-violet: #A17DD2;
    --fairy-blue: #B0E0E6;
    
    /* Base Colors - Fondos, piedra, ambientes */
    --stone-dark: #3A3A3A;
    --earth-brown: #6E5C4D;
    --stone-light: #CBBFAD;
    --warm-black: #222018;
    
    /* Secondary Colors - Ropajes, arquitectura, detalles */
    --burgundy-red: #8D2F23;
    --moss-green: #31452B;
    --aged-olive: #567D46;
    --medieval-blue: #1C2D40;
    
    /* Neutral Colors - textos y fondos suaves */
    --ivory-light: #ECE2D0;
    --warm-neutral: #A39887;
    --burnt-coffee: #45342A;
    --text-light: #ffffff;
    
    /* Semantic Color Assignments */
    --primary-accent: var(--primary-gold);
    --secondary-accent: var(--bronze-aged);
    --primary-bg: var(--stone-dark);
    --secondary-bg: var(--earth-brown);
    --text-primary: var(--warm-black);
    --text-secondary: var(--burnt-coffee);
    --parchment: var(--ivory-light);
    --parchment-dark: var(--stone-light);
    
    /* Shadows and Effects */
    --shadow-dark: rgba(34, 32, 24, 0.8);
    --shadow-light: rgba(34, 32, 24, 0.3);
    --shadow-warm: rgba(110, 92, 77, 0.4);
    
    /* Gradients */
    --gradient-royal: linear-gradient(135deg, var(--medieval-blue), var(--moss-green));
    --gradient-gold: linear-gradient(135deg, var(--primary-gold), var(--bronze-aged));
    --gradient-earth: linear-gradient(135deg, var(--earth-brown), var(--stone-dark));
    --gradient-magic: linear-gradient(135deg, var(--magic-violet), var(--fairy-blue));
}