/* ── Contemporary Drama Theme ─────────────────────────────────────────────────
   Clean, editorial, quietly confident — a literary-magazine feel. Cool paper
   whites, deep charcoal ink, a single steel-blue accent. Generous whitespace,
   crisp corners, restrained shadows. Fonts: Fraunces / Source Serif 4 / Inter.
   Loaded on top of default.css — overrides variables plus a few signature touches.
   ─────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,400&display=swap');

:root {
    --t-bg:             #f7f8fa;
    --t-bg-alt:         #eef1f5;
    --t-surface:        #ffffff;
    --t-border:         #dce2ea;
    --t-text:           #1c2733;
    --t-text-muted:     #56677a;
    --t-accent:         #1f5f8b;
    --t-accent-hover:   #164a6d;
    --t-accent-light:   #e5eef6;
    --t-on-accent:      #ffffff;
    --t-heading-font:   'Fraunces', Georgia, serif;
    --t-heading-weight: 500;
    --t-radius:         2px;
    --t-radius-lg:      4px;
    --t-shadow:         0 1px 2px rgba(20, 35, 50, .06), 0 2px 8px rgba(20, 35, 50, .05);
    --t-shadow-lg:      0 12px 32px rgba(20, 35, 50, .12);
    --t-cover-shadow:   0 1px 3px rgba(20, 35, 50, .15), 0 10px 24px rgba(20, 35, 50, .18);
    --t-hero-bg:        linear-gradient(165deg, #131c26 0%, #1c2733 55%, #2c3e50 100%);
    --t-hero-text:      #f7f8fa;
    --t-hero-muted:     rgba(247, 248, 250, .76);
    --t-hero-accent:    #9cc4e4;
}

/* Editorial headings: tighter tracking, thin full-width rule instead of an accent bar */
.section-heading { letter-spacing: -.015em; }
.section-heading::after {
    width: 100%;
    height: 1px;
    margin-top: 1rem;
    background: var(--t-border);
}

.hero-name { letter-spacing: -.02em; }
.hero-tagline { font-family: var(--t-heading-font); font-style: italic; font-weight: 400; }

/* Small-caps style labels */
.hero-genre, .hero-feature-label, .coming-soon-label { letter-spacing: .22em; font-weight: 500; }

/* Solid light CTA on the dark hero reads as confident, not decorative */
.hero-cta {
    background: var(--t-hero-text);
    border-color: var(--t-hero-text);
    color: var(--t-text);
}
.hero-cta:hover { background: #ffffff; color: var(--t-text); }


/* Pull-quote reviews */
.review-text { font-family: var(--t-heading-font); font-size: 1.05rem; font-weight: 400; }
.review-stars { color: var(--t-accent); }

/* Newsletter band in the accent ink rather than the hero gradient */
.site-section--newsletter { background: var(--t-accent); }
.newsletter-cta { color: var(--t-accent); }
.newsletter-cta:hover { color: var(--t-accent-hover); }

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

/* Fine lines drifting through the hero, like light through blinds */
.site-section--hero::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='460'%3E%3Cg stroke='%239cc4e4' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath opacity='.5' d='M40 30v120'/%3E%3Cpath opacity='.35' d='M300 90h120'/%3E%3Cpath opacity='.4' d='M210 260v110'/%3E%3Cpath opacity='.3' d='M60 380h100'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 420px 460px;
    animation: drama-lines 60s linear infinite;
    opacity: .7;
}
@keyframes drama-lines {
    to { background-position: 0 -460px; }
}

/* Soft, quiet shadows on cards, as in the demo */
.post-card, .event-card, .review-card, .world-card, .product-card, .contact-block { box-shadow: var(--t-shadow); }

/* Round portrait, no ornament */
.about-photo, .about-initials {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

/* Accent bar on the featured review, like the demo's notes */
.review-card--featured { border-left: 4px solid var(--t-accent); }