/* ── Fantasy Theme ─────────────────────────────────────────────────────────────
   Dark, mystical, arcane. Deep purples, midnight blues, gold accents.
   Fonts: Cinzel (inscriptional capitals) / EB Garamond / Inter.
   Loaded on top of default.css — overrides variables plus a few signature touches.
   ─────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

:root {
    color-scheme: dark;
    --t-bg:             #0d0a1a;
    --t-bg-alt:         #140f28;
    --t-surface:        #1c1438;
    --t-border:         #3a2870;
    --t-text:           #ece4fa;
    --t-text-muted:     #a593cf;
    --t-accent:         #d4ad2c;
    --t-accent-hover:   #f0c850;
    --t-accent-light:   #2a1c50;
    --t-on-accent:      #140f28;
    --t-heading-font:   'Cinzel', 'Palatino Linotype', Palatino, serif;
    --t-heading-weight: 600;
    --t-body-font:      'EB Garamond', 'Palatino Linotype', Palatino, serif;
    --t-radius:         4px;
    --t-radius-lg:      8px;
    --t-shadow:         0 2px 14px rgba(0, 0, 0, .6);
    --t-shadow-lg:      0 8px 34px rgba(0, 0, 0, .85);
    --t-cover-shadow:   0 4px 10px rgba(0, 0, 0, .6), 0 14px 34px rgba(0, 0, 0, .55);
    --t-hero-bg:        radial-gradient(ellipse at 70% 40%, #2a1466 0%, transparent 60%), linear-gradient(160deg, #060310 0%, #180840 55%, #0d1840 100%);
    --t-hero-text:      #f3ead6;
    --t-hero-muted:     rgba(243, 234, 214, .78);
    --t-hero-accent:    #d4ad2c;
    --t-success:        #6fcf97;
    --t-error:          #ff8a80;
}

/* EB Garamond runs small — nudge body size up */
body { font-size: 18.5px; }

/* Cinzel is all capitals: open it up and size titles down a touch */
.section-heading, .hero-feature-label { letter-spacing: .04em; }
.book-title, .post-title, .world-title, .product-title, .event-title { font-size: 1rem; letter-spacing: .02em; }

/* Gold filigree: a hairline that fades out at both ends */
.section-heading::after {
    width: 160px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--t-accent), transparent);
}

.review-stars { color: var(--t-accent); }

/* Gold aura instead of plain shadows */
.book-card:hover .book-cover-wrap,
.post-card:hover,
.product-card:hover {
    box-shadow: 0 8px 34px rgba(212, 173, 44, .3), 0 2px 10px rgba(0, 0, 0, .6);
}
.book-detail-cover { box-shadow: 0 8px 40px rgba(212, 173, 44, .25), 0 2px 12px rgba(0, 0, 0, .7); }

.hero-cta {
    border-color: color-mix(in srgb, var(--t-accent) 60%, transparent);
    color: var(--t-accent);
}
.hero-cta:hover { background: rgba(212, 173, 44, .14); border-color: var(--t-accent); color: var(--t-accent-hover); }

.newsletter-cta { background: var(--t-accent); color: var(--t-on-accent); }
.newsletter-cta:hover { background: var(--t-accent-hover); color: var(--t-on-accent); }

/* ── Signature touches (as shown in the theme demo) ──────────────────────────*/

/* Gold headings with a soft candle-glow */
.section-heading { color: var(--t-accent); }
.section-heading, .newsletter-title, .hero-feature-title { text-shadow: 0 0 22px rgba(212, 173, 44, .28); }

/* Floating gold motes drifting up through the hero */
.site-section--hero::before {
    background-image:
        radial-gradient(circle, rgba(240, 200, 80, .95) 0 1.4px, transparent 2.6px),
        radial-gradient(circle, rgba(240, 200, 80, .55) 0 1px, transparent 2px),
        radial-gradient(circle, rgba(255, 228, 150, .75) 0 1.8px, transparent 3px);
    background-size: 190px 230px, 120px 170px, 290px 310px;
    background-position: 0 0, 50px 70px, 120px 40px;
    animation: fantasy-motes 40s linear infinite;
    opacity: .75;
}
@keyframes fantasy-motes {
    to { background-position: 0 -230px, 50px -100px, 120px -270px; }
}

/* Gold-ringed round portrait */
.about-photo, .about-initials {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--t-accent), 0 0 46px rgba(212, 173, 44, .35);
}

/* Gilded card frames */
.post-card, .event-card, .review-card, .world-card, .product-card, .contact-block {
    border-color: rgba(212, 173, 44, .45);
}