/* Museum Panel - Victorian Revival Theme */
/* Rich wood tones, brass accents, parchment textures */

/* ============================================
   GOOGLE FONT IMPORT
   Playfair Display - elegant, prestige serif
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* ============================================
   COLOR & FONT VARIABLES
   ============================================ */

:root {
    /* Backgrounds */
    --niche-bg: #faf7f2;
    --niche-bg-accent: #f5f0e8;
    --niche-cream: #fdfbf7;

    /* Primary (brass) */
    --niche-primary: #b8860b;
    --niche-primary-dark: #8b6914;
    --niche-primary-light: #d4a44a;
    --niche-primary-rgb: 184, 134, 11;

    /* Accent (also brass for museum) */
    --niche-accent: #b8860b;
    --niche-accent-light: #d4a44a;

    /* Sidebar (dark wood) */
    --niche-sidebar-bg: #4a3728;
    --niche-sidebar-dark: #352518;

    /* Text & Border */
    --niche-text: #2c1810;
    --niche-border: #d4c8b8;
    --niche-border-rgb: 212, 200, 184;

    /* Typography - Playfair Display for prestige feel (headings only) */
    --niche-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;

    /* Legacy variable mappings for custom components */
    --museum-brass: #b8860b;
    --museum-brass-light: #d4a44a;
    --museum-parchment: #f8f4e8;
    --museum-wood-dark: #4a3728;
}

/* ============================================
   MUSEUM-SPECIFIC: Parchment texture background
   ============================================ */

.fi-body {
    background:
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4c8b8' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(135deg, var(--niche-bg) 0%, var(--niche-bg-accent) 50%, #efe8d8 100%) !important;
    background-attachment: fixed !important;
}

/* ============================================
   MUSEUM-SPECIFIC: Classical frame pattern on sidebar
   ============================================ */

.fi-sidebar {
    background:
        url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d4a44a' stroke-opacity='0.07' stroke-width='1'%3E%3Crect x='8' y='8' width='64' height='64' rx='2'/%3E%3Crect x='16' y='16' width='48' height='48' rx='1'/%3E%3Cline x1='8' y1='8' x2='16' y2='16'/%3E%3Cline x1='72' y1='8' x2='64' y2='16'/%3E%3Cline x1='8' y1='72' x2='16' y2='64'/%3E%3Cline x1='72' y1='72' x2='64' y2='64'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, var(--niche-sidebar-bg) 0%, var(--niche-sidebar-dark) 100%) !important;
    border-right: 3px solid var(--niche-accent) !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15) !important;
}