/* ── Steampunk Theme ───────────────────────────────────────────────────────────
   Victorian industrial. Rich dark browns, copper/brass accents, aged parchment.
   Fonts: IM Fell English (period type) / Libre Baskerville / Inter.
   Loaded on top of default.css — overrides variables plus a few signature touches.
   ─────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=IM+Fell+English:ital@0;1&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    color-scheme: dark;
    --t-bg:             #1a1208;
    --t-bg-alt:         #221808;
    --t-surface:        #2c1e0c;
    --t-border:         #5c3e20;
    --t-text:           #eedcb8;
    --t-text-muted:     #b8996a;
    --t-accent:         #d08a3c;
    --t-accent-hover:   #eba352;
    --t-accent-light:   #3a2210;
    --t-on-accent:      #1a1208;
    --t-heading-font:   'IM Fell English', 'Palatino Linotype', Palatino, serif;
    --t-heading-weight: 400;
    --t-body-font:      'Libre Baskerville', Georgia, serif;
    --t-radius:         3px;
    --t-radius-lg:      5px;
    --t-shadow:         0 2px 12px rgba(0, 0, 0, .65);
    --t-shadow-lg:      0 6px 26px rgba(0, 0, 0, .85);
    --t-cover-shadow:   0 4px 10px rgba(0, 0, 0, .6), 0 12px 28px rgba(0, 0, 0, .55);
    --t-hero-bg:        linear-gradient(160deg, #0c0800 0%, #2e1600 55%, #4a2800 100%);
    --t-hero-text:      #f4dfb2;
    --t-hero-muted:     rgba(244, 223, 178, .8);
    --t-hero-accent:    #e0a050;
    --t-success:        #8fd19e;
    --t-error:          #ff9a85;
}

/* Libre Baskerville is wide — slightly smaller body keeps line lengths sane */
body { font-size: 16px; line-height: 1.8; }

/* Period small-caps for section headings and labels */
.section-heading, .hero-genre, .hero-feature-label, .newsletter-title { font-family: 'IM Fell English SC', var(--t-heading-font); }

/* Riveted brass rule: a double line under headings */
.section-heading::after {
    width: 96px;
    height: 4px;
    background: none;
    border-top: 1px solid var(--t-accent);
    border-bottom: 1px solid var(--t-accent);
    border-radius: 0;
}

/* Brass plate frame around cards */
.post-card, .event-card, .world-card, .product-card, .review-card, .contact-block {
    box-shadow: inset 0 0 0 1px rgba(208, 138, 60, .25), var(--t-shadow);
}

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

.book-card:hover .book-cover-wrap,
.post-card:hover,
.product-card:hover {
    box-shadow: 0 6px 28px rgba(208, 138, 60, .35), 0 2px 8px rgba(0, 0, 0, .7);
}
.book-detail-cover { box-shadow: 0 8px 36px rgba(208, 138, 60, .25), 0 2px 10px rgba(0, 0, 0, .75); }

.hero-cta {
    border-color: color-mix(in srgb, var(--t-accent) 60%, transparent);
}
.hero-cta:hover { background: rgba(208, 138, 60, .18); border-color: var(--t-accent); }

.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) ──────────────────────────*/

/* Brass headings with a warm glow */
.section-heading, .newsletter-title { color: #e8b25c; text-shadow: 0 0 20px rgba(232, 178, 92, .3); }

/* A great brass gear turning slowly in the corner of the hero */
.site-section--hero { overflow: hidden; }
.site-section--hero::before {
    inset: auto -150px -190px auto;
    width: 560px;
    height: 560px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%23d08a3c'%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(30)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(60)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(90)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(120)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(150)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(180)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(210)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(240)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(270)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(300)'/%3E%3Crect x='-5' y='-46' width='10' height='14' rx='1.5' transform='rotate(330)'/%3E%3C/g%3E%3Cg fill='none' stroke='%23d08a3c'%3E%3Ccircle r='34' stroke-width='6'/%3E%3Ccircle r='12' stroke-width='4'/%3E%3Cpath d='M0-30V-12M0 12V30M-30 0H-12M12 0H30' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    opacity: .1;
    animation: steampunk-gear 90s linear infinite;
}
@keyframes steampunk-gear {
    to { transform: rotate(360deg); }
}

/* Brass-ringed round portrait */
.about-photo, .about-initials {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #e8b25c, 0 0 0 9px rgba(208, 138, 60, .25), var(--t-shadow-lg);
}