/* ═══════════════════════════════════════════════════════════════════════════
   THEME: Medieval Taverna
   Colores cálidos, pergamino, madera, fuego, ambientación tradicional
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* Colores temáticos */
    --color-bg-page: #2c2416;
    --color-bg-panel: #1a1208;
    --color-surface-1: #3d2b1f;
    --color-surface-2: #5c4033;
    --color-text-main: #f4e8c1;
    --color-text-muted: #ede0a8;
    --color-border: #b8860b;
    --color-border-light: #d4a017;
    --color-accent: #8b2500;
    --color-accent-strong: #c0392b;
    --color-success: #2d6a2d;
    --color-danger: #7a1a1a;
    --color-overlay: rgba(244, 232, 193, 0.07);

    /* Tipografía temática */
    --font-display: "IM Fell English", serif;
    --font-body: "Crimson Text", Georgia, serif;
}

/* Textura de fondo medieval */
body {
    background-image:
        radial-gradient(
            ellipse at 20% 50%,
            rgba(139, 37, 0, 0.15) 0%,
            transparent 60%
        ),
        radial-gradient(
            ellipse at 80% 50%,
            rgba(184, 134, 11, 0.08) 0%,
            transparent 60%
        ),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}