/**
 * Dincolo de Tăcerea Sacră — warm sacred theme override
 */

.booklet--sacred {
    --color-black: #0a0806;
    --color-navy: #12100c;
    --color-navy-deep: #0c0a08;
    --color-violet: #1a1408;
    --color-violet-soft: #2a2010;
    --color-gold: #c4a055;
    --color-gold-soft: rgba(196, 160, 85, 0.38);
    --color-gold-glow: rgba(196, 160, 85, 0.16);
    --color-white: #ede8dc;
    --color-white-muted: rgba(237, 232, 220, 0.64);
    --color-white-faint: rgba(237, 232, 220, 0.3);
}

.booklet--sacred .booklet__ambient {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(196, 160, 85, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 100%, rgba(80, 60, 30, 0.12) 0%, transparent 50%),
        var(--color-black);
}

.booklet--sacred .artwork--sacred-cover .artwork__surface {
    background:
        linear-gradient(145deg, rgba(196, 160, 85, 0.18) 0%, transparent 55%),
        linear-gradient(225deg, rgba(40, 32, 16, 0.9) 0%, rgba(12, 10, 8, 0.95) 100%);
}

.booklet--sacred .artwork--sacred-welcome .artwork__surface,
.booklet--sacred .artwork--sacred-story .artwork__surface,
.booklet--sacred .artwork--sacred-final .artwork__surface {
    background:
        linear-gradient(160deg, rgba(196, 160, 85, 0.12) 0%, transparent 50%),
        linear-gradient(320deg, rgba(30, 24, 12, 0.85) 0%, rgba(10, 8, 6, 0.95) 100%);
}

.booklet--sacred .artwork--sacred-track .artwork__surface {
    background:
        linear-gradient(135deg, rgba(196, 160, 85, 0.14) 0%, transparent 45%),
        linear-gradient(315deg, rgba(24, 20, 10, 0.9) 0%, rgba(10, 8, 6, 0.96) 100%);
}

.booklet--sacred .artwork__track-number {
    color: var(--color-gold);
    opacity: 0.55;
}

.booklet--sacred .btn--gold {
    border-color: var(--color-gold-soft);
    box-shadow: 0 0 24px var(--color-gold-glow);
}

.booklet--sacred .cover-meta {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.72rem;
}

.page-visual__emblem {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    filter: drop-shadow(0 0 16px var(--color-gold-glow));
    pointer-events: none;
}

.page-visual__frame {
    position: relative;
}