/* Base Variables - Museum Theme */
:root {
    --color-background: #1a1614;
    --color-surface: #26211e;
    --color-surface-hover: #322b27;
    --color-primary: #e5e5e5;
    --color-accent: #d4af37; /* Gold */
    --color-secondary: #2a9d8f; /* Teal */
    --color-border: #5c4d3c;
    --color-text: #f3e9d9;
    --color-text-muted: #a89f91;
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Playfair Display', serif;
}

body {
    background-color: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-sans);
    margin: 0;
    
    /* Background Pattern */
    background-image:
        linear-gradient(rgba(212, 175, 55, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 175, 55, 0.15) 1px, transparent 1px),
        radial-gradient(circle at 50% 50%, transparent 40%, rgba(26, 22, 20, 0.8) 100%);
    background-size: 50px 50px, 50px 50px, 100% 100%;
    background-position: -1px -1px, -1px -1px, 0 0;
    background-attachment: fixed;
}