/* ==========================================
   THEME: DARK ROMANTASY (HIGH-END EDIT)
   ========================================== */

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

body.theme-romantasy {
    background-color: #12171a; /* JBs Deep Void */
    color: #e8ecef;
    font-family: 'Cormorant Garamond', serif;
    background-image: linear-gradient(rgba(18, 23, 26, 0.75), rgba(18, 23, 26, 0.85)), url('../demo/bg_romantasy.webp');
    background-size: cover;
    background-position: center top;
    background-attachment: fixed; /* Der Parallax-Trick */
}

/* Header */
body.theme-romantasy .brand-title {
    font-family: 'Cinzel Decorative', serif;
    color: #e8ecef;
    text-shadow: 0 0 15px rgba(214, 245, 255, 0.25);
}

body.theme-romantasy .brand-tagline {
    color: #d6f5ff;
    font-family: 'Cinzel', serif;
}

body.theme-romantasy .main-nav {
    background: #1a2429;
    border: 1px solid rgba(214, 245, 255, 0.12);
}

body.theme-romantasy .vibe-switcher-bar {
    background: #182025;
    border: 1px solid rgba(214, 245, 255, 0.08);
}

body.theme-romantasy .switcher-label {
    color: #d6f5ff;
    font-family: 'Cinzel', serif;
}

body.theme-romantasy .vibe-btn {
    color: #a0b2bc;
    border: 1px solid rgba(214, 245, 255, 0.15);
    background: transparent;
    font-family: 'Cinzel', serif;
}

body.theme-romantasy .vibe-btn.active {
    color: #12171a;
    background: #d6f5ff;
    border-color: #d6f5ff;
    font-weight: 700;
    box-shadow: 0 0 12px rgba(214, 245, 255, 0.4);
}

/* Showroom Card */
body.theme-romantasy .demo-card-preview {
    background: #1a2429;
    border: 1px solid rgba(214, 245, 255, 0.15);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.theme-romantasy .demo-badge {
    background: #27363e;
    color: #d6f5ff;
    border: 1px solid rgba(214, 245, 255, 0.2);
    font-family: 'Cinzel', serif;
}

body.theme-romantasy .demo-cover-placeholder {
    border: 1px solid rgba(214, 245, 255, 0.3);
    background: linear-gradient(135deg, #12171a 0%, #27363e 100%);
    color: #d6f5ff;
    font-family: 'Cinzel Decorative', serif;
}

body.theme-romantasy .demo-author {
    color: #d6f5ff;
    font-family: 'Cinzel', serif;
}

body.theme-romantasy .demo-title {
    font-family: 'Cinzel Decorative', serif;
    color: #ffffff;
    text-shadow: 0 0 12px rgba(214, 245, 255, 0.2);
}

body.theme-romantasy .demo-subtitle {
    font-family: 'Cinzel', serif;
    color: #d6f5ff;
    font-style: italic;
}

body.theme-romantasy .demo-description {
    color: #c2cbd0;
}

body.theme-romantasy .demo-action-btn {
    background: #27363e;
    color: #d6f5ff;
    border: 1px solid #d6f5ff;
    font-family: 'Cinzel', serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

body.theme-romantasy .demo-action-btn:hover {
    background: #d6f5ff;
    color: #12171a;
    box-shadow: 0 0 20px rgba(214, 245, 255, 0.5);
}

/* Footer */
body.theme-romantasy .demo-footer-container {
    border-top: 1px solid rgba(214, 245, 255, 0.12);
    color: #5c7d8f;
}

body.theme-romantasy .demo-footer-container a {
    color: #d6f5ff;
}

body.theme-romantasy .demo-package-note {
    background: rgba(214, 245, 255, 0.03);
    border: 1px solid rgba(214, 245, 255, 0.1);
    color: #c2cbd0;
}
body.theme-romantasy .note-tag {
    color: #d6f5ff;
}