/* ═══════════════════════════════════════════════════════════════════════════
   MUSEO DELLE VOCI ARTIFICIALI
   Theme: Gold — Default Museum Theme
   ═══════════════════════════════════════════════════════════════════════════

   Used for:
   - Main museum pages (index, manifesto, progetto, etc.)
   - I Pericoli dell'AI
   - Ossatura
   - L'Inchiostro

   ═══════════════════════════════════════════════════════════════════════════ */

:root,
[data-theme="gold"],
.theme-gold {
    /* ─── Primary Accent ─── */
    --accent: #c9a227;
    --accent-light: #e8d48a;
    --accent-dark: #8b7019;
    --accent-glow: rgba(201, 162, 39, 0.15);
    --accent-dim: rgba(201, 162, 39, 0.4);

    /* ─── Borders ─── */
    --border-color: rgba(201, 162, 39, 0.2);
    --border-hover: rgba(201, 162, 39, 0.5);
    --border-subtle: rgba(201, 162, 39, 0.08);

    /* ─── Shadows ─── */
    --shadow-glow: 0 0 20px rgba(201, 162, 39, 0.15);
    --shadow-accent: 0 4px 20px rgba(201, 162, 39, 0.2);

    /* ─── Day Mode (Light) Colors ─── */
    --day-bg: #f8f6f1;
    --day-bg-elevated: #fffdf8;
    --day-text: #2a2a2a;
    --day-text-muted: rgba(50, 50, 50, 0.7);
    --day-accent: #8b7019;
    --day-border: rgba(139, 112, 25, 0.2);
}

/* ═══════════════════════════════════════════
   GOLD THEME — Component Overrides
   ═══════════════════════════════════════════ */

/* Logo diamond with gold glow */
.theme-gold .museo-header__logo-diamond,
[data-theme="gold"] .museo-header__logo-diamond {
    border-color: var(--accent);
    box-shadow: 0 0 8px var(--accent-glow);
}

.theme-gold .museo-header__logo-diamond::before,
[data-theme="gold"] .museo-header__logo-diamond::before {
    background: var(--accent);
}

/* Language button active state */
.theme-gold .museo-header__lang-btn.active,
[data-theme="gold"] .museo-header__lang-btn.active {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
    box-shadow: 0 2px 8px var(--accent-glow);
}

/* Footer symbol */
.theme-gold .site-footer__symbol,
[data-theme="gold"] .site-footer__symbol {
    color: var(--accent);
}

/* Footer column headings */
.theme-gold .site-footer__column h4,
[data-theme="gold"] .site-footer__column h4 {
    color: var(--accent);
}

/* Links hover */
.theme-gold a:hover,
[data-theme="gold"] a:hover {
    color: var(--accent);
}

/* Selection */
.theme-gold ::selection,
[data-theme="gold"] ::selection {
    background: var(--accent);
    color: var(--nero-profondo, #0a0a0a);
}