/* ── Romance Theme ─────────────────────────────────────────────────────────────
   Soft, elegant, warm. Blush pinks, cream whites, rose accents.
   Fonts: Cormorant Garamond (high-contrast display) / Lora / Inter.
   Loaded on top of default.css — overrides variables plus a few signature touches.
   ─────────────────────────────────────────────────────────────────────────── */

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

:root {
    --t-bg:             #fdf8f5;
    --t-bg-alt:         #fcf0f3;
    --t-surface:        #ffffff;
    --t-border:         #f0d8e2;
    --t-text:           #2d1b2e;
    --t-text-muted:     #7f5466;
    --t-accent:         #b03f68;
    --t-accent-hover:   #8f2c52;
    --t-accent-light:   #fce8ef;
    --t-on-accent:      #ffffff;
    --t-heading-font:   'Cormorant Garamond', Garamond, Georgia, serif;
    --t-heading-weight: 600;
    --t-body-font:      'Lora', Georgia, serif;
    --t-radius:         999px;
    --t-radius-lg:      18px;
    --t-shadow:         0 2px 10px rgba(180, 80, 100, .08);
    --t-shadow-lg:      0 10px 30px rgba(180, 80, 100, .18);
    --t-cover-shadow:   0 4px 10px rgba(120, 40, 70, .15), 0 14px 30px rgba(120, 40, 70, .2);
    --t-hero-bg:        linear-gradient(160deg, #4a1030 0%, #8b3058 55%, #c06080 100%);
    --t-hero-text:      #fff5f8;
    --t-hero-muted:     rgba(255, 245, 248, .84);
    --t-hero-accent:    #ffd1e0;
}

/* Cormorant has small x-height — headings go a size up */
.section-heading { font-size: clamp(2rem, 4vw, 2.75rem); }
.hero-name { font-size: clamp(2.9rem, 7.5vw, 5.4rem); font-weight: 500; font-style: italic; }
.book-title, .post-title, .world-title, .product-title, .event-title { font-size: 1.25rem; }

/* Soft centred flourish under headings */
.section-heading::after {
    width: 64px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--t-accent), transparent);
}

/* Rounded panels; pill buttons come from --t-radius */
.about-photo, .about-initials { border-radius: 999px 999px var(--t-radius-lg) var(--t-radius-lg); }
.book-badge--soon { border-radius: 999px; }
.product-type-badge, .post-tag, .world-tag, .event-type-badge, .event-format-badge { border-radius: 999px; }
.book-buy-menu { border-radius: 14px; }
.book-buy-option { border-radius: 10px; }
.contact-input, .contact-textarea { border-radius: 12px; }
.gallery-item, .store-success-banner, .skip-link { border-radius: 12px; }

.review-stars { color: #e05a85; }

.book-card:hover .book-cover-wrap,
.post-card:hover,
.product-card:hover {
    box-shadow: 0 10px 30px rgba(176, 63, 104, .22), 0 2px 8px rgba(180, 80, 100, .1);
}

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

.section-heading { color: var(--t-accent); }

/* Hearts drifting up through the hero */
.site-section--hero::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='280'%3E%3Cg fill='%23ffd1e0'%3E%3Cpath opacity='.55' d='M40 52c-5-8-18-6-18 4 0 9 18 19 18 19s18-10 18-19c0-10-13-12-18-4z'/%3E%3Cpath opacity='.35' d='M190 150c-3.5-5.5-12.5-4-12.5 3 0 6 12.5 13 12.5 13s12.5-7 12.5-13c0-7-9-8.5-12.5-3z'/%3E%3Cpath opacity='.45' d='M120 230c-2.5-4-9-3-9 2 0 4.5 9 9.5 9 9.5s9-5 9-9.5c0-5-6.5-6-9-2z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 260px 280px;
    animation: romance-hearts 36s linear infinite;
    opacity: .8;
}
@keyframes romance-hearts {
    to { background-position: 0 -280px; }
}

/* Rose-ringed round portrait */
.about-photo, .about-initials {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--t-accent), var(--t-shadow-lg);
}

/* Rose card frames */
.post-card, .event-card, .review-card, .world-card, .product-card, .contact-block {
    border-color: #ecb3c8;
}