/* ============================================ LIGHT THEME — Lavender Blush (#FFE8EE) ============================================ Activated by [data-theme="light"] on Does NOT modify any existing dark-theme CSS. All selectors scoped under [data-theme="light"] ============================================ */ /* =========================================== GLOBAL / BODY =========================================== */ [data-theme="light"] body { background: linear-gradient(180deg, #FFF5F7, #FFE8EE) !important; color: #2D1B22 !important; } /* =========================================== CINEMATIC BACKGROUND =========================================== */ [data-theme="light"] .cinematic-bg { background: radial-gradient(circle at 30% 30%, rgba(212,104,126,0.12), transparent 40%), radial-gradient(circle at 70% 70%, rgba(200,155,99,0.08), transparent 50%), linear-gradient(180deg, #FFF5F7, #FFE8EE) !important; } /* =========================================== NAVIGATION =========================================== */ [data-theme="light"] .genre-menu { background: #FFFFFF !important; border-bottom: 1px solid rgba(100,50,70,0.08) !important; box-shadow: 0 2px 12px rgba(100,50,70,0.06); } [data-theme="light"] .genre-menu a { color: #7A5A64; } [data-theme="light"] .genre-menu a span { color: inherit; } [data-theme="light"] .genre-menu a:hover { color: #2D1B22; } [data-theme="light"] .genre-menu a::after { background: #D4687E; } [data-theme="light"] .genre-menu a.active { color: #D4687E; } /* Genre-specific active colors — keep for brand recognition */ [data-theme="light"] .genre-menu a.active.thriller, [data-theme="light"] .genre-menu a.active[class*="thriller"] { color: #3CAF8E; } [data-theme="light"] .genre-menu a.active.romance, [data-theme="light"] .genre-menu a.active[class*="romance"] { color: #E06090; } [data-theme="light"] .genre-menu a.active.dark, [data-theme="light"] .genre-menu a.active[class*="dark"] { color: #C040D8; } [data-theme="light"] .genre-menu a.active.romantasy, [data-theme="light"] .genre-menu a.active[class*="romantasy"]{ color: #6080E0; } [data-theme="light"] .genre-menu a.active.erotic, [data-theme="light"] .genre-menu a.active[class*="erotic"] { color: #C2185B; } [data-theme="light"] .genre-menu a.active.fictiune-fantasy, [data-theme="light"] .genre-menu a.active[class*="fictiune-fantasy"] { color: #512DA8; } [data-theme="light"] .home-link i { color: #B8864E; } [data-theme="light"] .home-link:hover i { color: #c89b63; } [data-theme="light"] .burger-toggle { color: #B8864E; } [data-theme="light"] .burger-toggle:hover { color: #c89b63; } /* =========================================== HERO / HEADER =========================================== */ [data-theme="light"] header::before { background: linear-gradient(180deg, rgba(255,245,247,0.70) 0%, rgba(255,245,247,0.80) 50%, rgba(255,232,238,0.90) 100% ), url('images/hero.webp') center/cover no-repeat !important; } [data-theme="light"] header h1 { color: #D4687E !important; } [data-theme="light"] header p { color: #7A5A64 !important; } /* =========================================== STAT BOXES =========================================== */ [data-theme="light"] .stat-box { background: linear-gradient(145deg, #FFFFFF, #FFF8FA) !important; border-color: rgba(212,104,126,0.30); box-shadow: 0 12px 30px rgba(100,50,70,0.06); } [data-theme="light"] .stat-box::before { background: linear-gradient(145deg, #D4687E, #E8A0B0) !important; } [data-theme="light"] .stat-number { color: #2D1B22; } [data-theme="light"] .stat-label { color: #7A5A64 !important; } /* =========================================== GOAL PROGRESS =========================================== */ [data-theme="light"] .progress-bar-wrapper { background: #F0D8DE !important; } [data-theme="light"] .progress-bar-fill { background: linear-gradient(90deg, #D4687E, #E8A0B0) !important; } [data-theme="light"] .progress-bar-text { color: #fff; } [data-theme="light"] .goal-highlight { color: #D4687E; } /* =========================================== SECTION TITLES =========================================== */ [data-theme="light"] .section-title { color: #2D1B22; } [data-theme="light"] .section-title::after { background: linear-gradient(to right, #D4687E, transparent); } /* =========================================== GENRE CARDS (index page grid) =========================================== */ [data-theme="light"] .genre-card { border-color: rgba(100,50,70,0.06); } /* =========================================== BOOK CARDS =========================================== */ [data-theme="light"] .book-card { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.08) !important; } [data-theme="light"] .book-card:hover { border: 1px solid rgba(200,155,99,0.45) !important; box-shadow: 0 18px 40px rgba(100,50,70,0.08), 0 0 20px rgba(200,155,99,0.12) !important; } [data-theme="light"] .book-card p { color: #7A5A64 !important; } /* =========================================== BADGES =========================================== */ [data-theme="light"] .badge { background: #FFE0E8; color: #6A4550; } [data-theme="light"] .new-badge { background: linear-gradient(135deg, #D4687E, #E8A0B0) !important; color: #fff !important; box-shadow: 0 0 12px rgba(212,104,126,0.35); } [data-theme="light"] .reading-badge { background: #D4687E; } /* TBR badge inline – all statuses */ [data-theme="light"] .tbr-badge-inline { background: rgba(100,50,70,0.08) !important; border-color: rgba(100,50,70,0.25); color: #4A3540 !important; -webkit-text-fill-color: #4A3540 !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; backdrop-filter: blur(4px); } [data-theme="light"] .tbr-badge-inline[data-status="Pe lista mea"] { background: rgba(212,104,126,0.12) !important; border-color: rgba(212,104,126,0.45); color: #B0456A !important; -webkit-text-fill-color: #B0456A !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } [data-theme="light"] .tbr-badge-inline[data-status="În așteptare"] { background: rgba(80,90,100,0.14) !important; border-color: rgba(80,90,100,0.45) !important; color: #2D3748 !important; -webkit-text-fill-color: #2D3748 !important; } [data-theme="light"] .tbr-badge-inline[data-status="Curând 👀"] { background: rgba(109,40,217,0.10) !important; border-color: rgba(109,40,217,0.40); color: #6B21A8 !important; -webkit-text-fill-color: #6B21A8 !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } [data-theme="light"] .tbr-badge-inline[data-status="Luna aceasta"] { background: rgba(200,40,50,0.10) !important; border-color: rgba(200,40,50,0.40); color: #B91C1C !important; -webkit-text-fill-color: #B91C1C !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } /* Obsessed badge inline */ [data-theme="light"] .obsessed-badge-inline { border-color: rgba(100,50,70,0.20); backdrop-filter: blur(4px); -webkit-text-fill-color: currentColor !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } [data-theme="light"] .obsessed-badge-inline[data-obsessed-status="current"] { background: rgba(219,39,119,0.12) !important; border-color: rgba(219,39,119,0.50); color: #9D174D !important; -webkit-text-fill-color: #9D174D !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } [data-theme="light"] .obsessed-badge-inline[data-obsessed-status="history"] { background: rgba(109,40,217,0.12) !important; border-color: rgba(109,40,217,0.45); color: #5B21B6 !important; -webkit-text-fill-color: #5B21B6 !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } /* CR badge */ [data-theme="light"] .cr-badge { background: rgba(212,104,126,0.12) !important; color: #D4687E !important; -webkit-text-fill-color: #D4687E !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; border-color: rgba(212,104,126,0.35); } /* TBR badge (card-level) */ [data-theme="light"] .tbr-badge { background: rgba(0,0,0,0.04); color: #6A4550; border-color: rgba(100,50,70,0.12); } /* =========================================== STARS (keep gold — works great on both) =========================================== */ /* =========================================== COVER =========================================== */ [data-theme="light"] .book-cover { box-shadow: 0 18px 40px rgba(100,50,70,0.12), 0 0 20px rgba(212,104,126,0.08); } /* =========================================== TITLES (book page) =========================================== */ [data-theme="light"] .book-main-title { color: #2D1B22; } [data-theme="light"] .book-subtitle { color: #7A5A64; } [data-theme="light"] .title-divider { background: linear-gradient(to right, transparent, #D4687E, transparent); } [data-theme="light"] .genre-sub { color: #D4687E !important; } /* =========================================== SPEC SHEETS =========================================== */ [data-theme="light"] .spec-sheet { border-left-color: #D4687E; box-shadow: 0 10px 25px rgba(100,50,70,0.06); } [data-theme="light"] .spec-romance { background: linear-gradient(145deg, #FFF0F3, #FFE0E8) !important; } [data-theme="light"] .spec-dark-romance { background: linear-gradient(145deg, #F8F0F8, #F0E0F0) !important; } [data-theme="light"] .spec-romantasy { background: linear-gradient(145deg, #F0F3FF, #E8EEFF) !important; } [data-theme="light"] .spec-thriller { background: linear-gradient(145deg, #F0F8F5, #E5F5F0) !important; } [data-theme="light"] .spec-erotic { background: linear-gradient(145deg, #F8F0F3, #F5E0E8) !important; } [data-theme="light"] .spec-fictiune-fantasy { background: linear-gradient(145deg, #F3F0F8, #EAE5F5) !important; } [data-theme="light"] .spec-ratings strong { color: #7A5A64; } [data-theme="light"] .spec-ratings i.fa-regular { color: rgba(100,50,70,0.22); } [data-theme="light"] .spec-ratings div:hover i.fa-regular { color: #2D1B22; } /* =========================================== REVIEW BOX =========================================== */ [data-theme="light"] .review-box { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.08) !important; border-left: 4px solid #D4687E !important; box-shadow: 0 12px 35px rgba(100,50,70,0.06), 0 0 20px rgba(212,104,126,0.06); } [data-theme="light"] .review-box p { color: #3D2A30 !important; } [data-theme="light"] .review-box p:first-of-type::first-letter { color: #D4687E; } [data-theme="light"] .review-box h2 { color: #2D1B22; } [data-theme="light"] .review-box h2::after { background: linear-gradient(to right, transparent, rgba(212,104,126,0.45), transparent); } [data-theme="light"] .review-box::after { color: rgba(212,104,126,0.45); } [data-theme="light"] .desc-mobile-title { color: #2D1B22; } [data-theme="light"] .desc-mobile-title::after { background: linear-gradient(to right, transparent, rgba(212,104,126,0.45), transparent); } /* =========================================== DESCRIPTION BOX =========================================== */ [data-theme="light"] .description-box { background: rgba(255,255,255,0.88) !important; border: 1px solid rgba(100,50,70,0.06) !important; box-shadow: 0 10px 25px rgba(100,50,70,0.05); } [data-theme="light"] .description-box p { color: rgba(45,27,34,0.78) !important; } [data-theme="light"] .description-box p:first-of-type::first-letter { color: rgba(45,27,34,0.92); } [data-theme="light"] .description-content::first-letter { color: #D4687E; } [data-theme="light"] .currently-reading-page .description-box { border-left-color: #D4687E; } /* =========================================== SPOILER OVERLAY =========================================== */ [data-theme="light"] .spoiler-overlay { background: rgba(255,245,247,0.92); } [data-theme="light"] .spoiler-warning { color: #2D1B22; } [data-theme="light"] .reveal-btn { background: linear-gradient(135deg, #D4687E, #E8A0B0); } /* =========================================== VIBE LINE =========================================== */ [data-theme="light"] .vibe-line { background: linear-gradient(145deg, rgba(212,104,126,0.06), rgba(200,155,99,0.04)) !important; border-color: rgba(212,104,126,0.12) !important; box-shadow: 0 5px 15px rgba(100,50,70,0.04), 0 0 10px rgba(212,104,126,0.04); } [data-theme="light"] .obsessed-vibe .vibe-line { background: linear-gradient(145deg, rgba(212,104,126,0.05), rgba(200,155,99,0.03)) !important; border-color: rgba(212,104,126,0.10) !important; } /* =========================================== SERIES BOX =========================================== */ [data-theme="light"] .series-card { color: #3D2A30; } [data-theme="light"] .series-card strong, [data-theme="light"] .series-card span { color: #2D1B22; } [data-theme="light"] .series-title.three-lines { color: #2D1B22; } [data-theme="light"] .series-card.current-volume .series-title, [data-theme="light"] .series-card.current-volume .series-title.three-lines { color: #D4687E !important; } [data-theme="light"] .series-card.current-volume .series-volume { color: #D4687E !important; } [data-theme="light"] .series-box h2 { color: #2D1B22; } [data-theme="light"] .series-box h2::after { background: linear-gradient(to right, transparent, rgba(212,104,126,0.45), transparent); } /* =========================================== BOOK DESCRIPTION (card level) =========================================== */ [data-theme="light"] .book-description { color: #7A5A64; background: rgba(0,0,0,0.02); } /* =========================================== REVIEW PREVIEW (card level) =========================================== */ [data-theme="light"] .review-preview { color: #7A5A64; } [data-theme="light"] .review-preview::after { background: linear-gradient(to bottom, rgba(255,255,255,0), #FFFFFF) !important; } /* =========================================== READ MORE / REVIEW BUTTONS =========================================== */ [data-theme="light"] .read-more { color: #D4687E !important; border: 1px solid rgba(212,104,126,0.35) !important; } [data-theme="light"] .read-more:hover { background: rgba(212,104,126,0.06) !important; border: 1px solid rgba(200,155,99,0.45) !important; color: #2D1B22 !important; } [data-theme="light"] .review-btn { background: linear-gradient(135deg, #D4687E, #E8A0B0) !important; } [data-theme="light"] .review-btn.reading { background: linear-gradient(135deg, #B0787E, #D4687E) !important; } /* =========================================== READING PROGRESS =========================================== */ [data-theme="light"] .reading-progress { background: #F0D8DE !important; } [data-theme="light"] .reading-progress-fill { background: linear-gradient(90deg, #D4687E, #E8A0B0) !important; } [data-theme="light"] .reading-progress.large { background: #F0D8DE !important; } [data-theme="light"] .reading-progress.large .reading-progress-fill { background: linear-gradient(90deg, #D4687E, #E8A0B0) !important; } /* Generic progress */ [data-theme="light"] .progress-bar { background: rgba(100,50,70,0.08); } [data-theme="light"] .progress-fill { background: linear-gradient(90deg, #D4687E, #E8A0B0); } [data-theme="light"] .progress-text { color: #7A5A64; } /* =========================================== PAGINATION =========================================== */ [data-theme="light"] .page-btn { color: #7A5A64; } [data-theme="light"] .page-btn:hover { color: #2D1B22; } [data-theme="light"] .page-btn.active { color: #D4687E; } [data-theme="light"] .page-ellipsis { color: #7A5A64; } /* =========================================== AUTHORS =========================================== */ [data-theme="light"] .author-card { background: #FFFFFF !important; color: #7A5A64; border: 1px solid rgba(100,50,70,0.08) !important; box-shadow: 0 8px 25px rgba(100,50,70,0.06) !important; } [data-theme="light"] .author-card:hover { transform: translateY(-10px); box-shadow: 0 20px 45px rgba(100,50,70,0.12), 0 0 20px rgba(212,104,126,0.15) !important; border: 1px solid rgba(212,104,126,0.40) !important; } /* Index.php top-authors: keep cards transparent, no borders */ [data-theme="light"] .top-authors .author-card { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme="light"] .top-authors .author-card:hover { box-shadow: none !important; border: none !important; } [data-theme="light"] .author-card h3 { color: #2D1B22 !important; -webkit-text-fill-color: #2D1B22; background: none; } [data-theme="light"] .author-card-link { text-decoration: none; } [data-theme="light"] .author-fallback { background: #FFE8EE; color: #7A5A64; } [data-theme="light"] .author-avatar:hover { box-shadow: 0 12px 25px rgba(100,50,70,0.12); } [data-theme="light"] .author-genres-label { color: #7A5A64; } [data-theme="light"] .author-bio p { color: #7A5A64 !important; } [data-theme="light"] .author-stats .stat-value { color: #2D1B22 !important; } [data-theme="light"] .author-stats .stat-label { color: #7A5A64 !important; } [data-theme="light"] .author-image-container { border-color: transparent !important; } [data-theme="light"] .author-avatar { box-shadow: 0 8px 25px rgba(100,50,70,0.10) !important; } [data-theme="light"] .author-avatar img { border: none; } [data-theme="light"] .author-image-container.no-image { background: linear-gradient(135deg, #D4687E, #C0506A); } [data-theme="light"] .author-image-container.no-image i { color: #fff; } /* Authors page — search input */ [data-theme="light"] .reviews-search-input { background: rgba(212,104,126,0.05); border: 1px solid rgba(212,104,126,0.30); color: #2D1B22; } [data-theme="light"] .reviews-search-input::placeholder { color: #7A5A64; } [data-theme="light"] .reviews-search-input:focus, [data-theme="light"] .reviews-search-input.active-glow { border-color: #D4687E; box-shadow: 0 0 0 3px rgba(212,104,126,0.20), 0 0 25px rgba(212,104,126,0.15); } [data-theme="light"] .search-wrapper i { color: rgba(212,104,126,0.55); } /* Genre badges on author cards — keep genre colors, soften borders */ [data-theme="light"] .author-genre-badge { background: rgba(200,155,99,0.06); border-color: rgba(200,155,99,0.30); color: #B8864E; } /* Override specific genre badge colors for better contrast on light bg */ [data-theme="light"] .author-genre-badge[class*="thriller"] { background: rgba(60,175,142,0.10); border-color: rgba(60,175,142,0.35); color: #2A8A6E; } [data-theme="light"] .author-genre-badge[class*="romance"]:not([class*="dark"]) { background: rgba(224,96,144,0.10); border-color: rgba(224,96,144,0.35); color: #C04878; } [data-theme="light"] .author-genre-badge[class*="dark"] { background: rgba(192,64,216,0.10); border-color: rgba(192,64,216,0.35); color: #9830B0; } [data-theme="light"] .author-genre-badge[class*="romantasy"] { background: rgba(96,128,224,0.10); border-color: rgba(96,128,224,0.35); color: #4860C0; } [data-theme="light"] .author-genre-badge[class*="erotic"] { background: rgba(194,24,91,0.10); border-color: rgba(194,24,91,0.35); color: #A01848; } [data-theme="light"] .author-genre-badge[class*="fictiune-fantasy"] { background: rgba(81,45,168,0.10); border-color: rgba(81,45,168,0.35); color: #3D2080; } /* =========================================== CURRENTLY OBSESSED =========================================== */ [data-theme="light"] .obsessed-content { background: #FFFFFF; } [data-theme="light"] .obsessed-title-book { color: #2D1B22; } [data-theme="light"] .obsessed-title-link { color: #2D1B22; } [data-theme="light"] .obsessed-title-link:hover { color: #D4687E; } [data-theme="light"] .obsessed-author { color: #7A5A64; } [data-theme="light"] .obsessed-progress { background: #F0D8DE; } [data-theme="light"] .snippet-badge { background: rgba(0,0,0,0.02); border-color: rgba(212,104,126,0.15); } [data-theme="light"] .snippet-badge:hover { border-color: #D4687E; } [data-theme="light"] .snippet-divider { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.40), transparent); } /* =========================================== HEARTBEAT =========================================== */ [data-theme="light"] .heartbeat-center-text { color: #D4687E; text-shadow: 0 0 5px rgba(212,104,126,0.5); } [data-theme="light"] .heartbeat-line { stroke: url(#hbGradientLight) !important; filter: drop-shadow(0 0 8px rgba(212,104,126,0.6)) !important; } [data-theme="light"] #heartbeatRunner { fill: #D4687E !important; filter: drop-shadow(0 0 18px rgba(212,104,126,0.7)) !important; } /* =========================================== FILTER CARD / SIDEBAR =========================================== */ [data-theme="light"] .filter-card { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.08) !important; } [data-theme="light"] .filter-card.active-glow { border-color: rgba(212,104,126,0.30) !important; box-shadow: 0 0 0 1px rgba(212,104,126,0.15), 0 10px 25px rgba(100,50,70,0.06), 0 0 15px rgba(212,104,126,0.08) !important; } [data-theme="light"] .filter-card.active-glow::after { background: radial-gradient(circle at 50% 20%, rgba(212,104,126,0.10), rgba(212,104,126,0) 70%) !important; } [data-theme="light"] .filter-card h3 { color: #7A5A64 !important; } [data-theme="light"] .filter-card h3::after { background: linear-gradient(to right, #D4687E, transparent) !important; } [data-theme="light"] .filter-icon { color: rgba(0,0,0,0.03) !important; } [data-theme="light"] .filter-card select, [data-theme="light"] .filter-card input[type="number"], [data-theme="light"] .filter-card input[type="text"] { border: 1px solid rgba(100,50,70,0.12) !important; background: rgba(0,0,0,0.02) !important; color: #2D1B22 !important; } [data-theme="light"] .filter-card select:focus, [data-theme="light"] .filter-card input:focus { border-color: #D4687E !important; box-shadow: 0 0 0 2px rgba(212,104,126,0.12) !important; } [data-theme="light"] .filter-card select option { background: #FFFFFF !important; color: #2D1B22 !important; } [data-theme="light"] .filter-divider { background: linear-gradient(to right, transparent, rgba(212,104,126,0.22), transparent) !important; } [data-theme="light"] .filter-group label { color: #7A5A64 !important; } [data-theme="light"] .rating-value-display { color: #7A5A64 !important; } /* Apply filter buttons */ [data-theme="light"] #genreApplyFilters, [data-theme="light"] #authorApplyFilters, [data-theme="light"] #authorsApplyFilters, [data-theme="light"] #applyTbrFilters, [data-theme="light"] #applyReviewsFilters { background: #D4687E !important; color: #fff !important; } [data-theme="light"] #genreApplyFilters:hover, [data-theme="light"] #authorApplyFilters:hover, [data-theme="light"] #authorsApplyFilters:hover, [data-theme="light"] #applyTbrFilters:hover, [data-theme="light"] #applyReviewsFilters:hover { box-shadow: 0 6px 18px rgba(212,104,126,0.30) !important; } /* Reset mode — keep coral, just soften glow */ [data-theme="light"] #genreApplyFilters.reset-mode:hover, [data-theme="light"] #authorApplyFilters.reset-mode:hover, [data-theme="light"] #authorsApplyFilters.reset-mode:hover, [data-theme="light"] #applyTbrFilters.reset-mode:hover, [data-theme="light"] #applyReviewsFilters.reset-mode:hover { box-shadow: 0 6px 18px rgba(237,120,106,0.25) !important; } /* =========================================== SEARCH INPUT =========================================== */ [data-theme="light"] .reviews-search-input { color: #2D1B22 !important; border: 1px solid rgba(212,104,126,0.28) !important; background: rgba(212,104,126,0.03) !important; } [data-theme="light"] .reviews-search-input:focus { border-color: #D4687E !important; box-shadow: 0 0 0 3px rgba(212,104,126,0.12), 0 0 12px rgba(212,104,126,0.08) !important; } [data-theme="light"] .reviews-search-input::placeholder { color: #A08890; } [data-theme="light"] .search-wrapper i { color: rgba(212,104,126,0.45) !important; } /* =========================================== RANGE SLIDER =========================================== */ [data-theme="light"] input[type="range"]::-webkit-slider-thumb { background: #D4687E; box-shadow: 0 0 6px rgba(212,104,126,0.30); } [data-theme="light"] input[type="range"]:hover::-webkit-slider-thumb { box-shadow: 0 0 10px rgba(212,104,126,0.45); } /* =========================================== TOOLTIPS =========================================== */ [data-theme="light"] #global-tooltip { background: #FFFFFF; color: #2D1B22; border: 1px solid rgba(212,104,126,0.20); box-shadow: 0 6px 18px rgba(100,50,70,0.10); } [data-theme="light"] .cortado-tooltip { background: #FFFFFF; color: #2D1B22; border: 1px solid rgba(100,50,70,0.08); box-shadow: 0 12px 25px rgba(100,50,70,0.10); } [data-theme="light"] .cortado-tooltip::after { border-color: #FFFFFF transparent transparent transparent; } /* =========================================== SIGNATURE =========================================== */ [data-theme="light"] .site-signature { color: #7A5A64; } [data-theme="light"] .site-signature::after { color: rgba(212,104,126,0.45); } [data-theme="light"] .site-signature a { color: #D4687E; } [data-theme="light"] .site-signature a:hover { color: #C0506A; } [data-theme="light"] .site-signature a::after { background: #D4687E; } /* =========================================== FOOTER =========================================== */ [data-theme="light"] footer { color: #7A5A64; } [data-theme="light"] .footer-card { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.06) !important; } [data-theme="light"] .footer-card:hover { border: 1px solid rgba(200,155,99,0.40) !important; box-shadow: 0 18px 40px rgba(100,50,70,0.08), 0 0 18px rgba(200,155,99,0.10) !important; } [data-theme="light"] .footer-divider-line { background: linear-gradient(to right, transparent, rgba(212,104,126,0.25), transparent); } [data-theme="light"] .footer-links a { color: #D4687E; } [data-theme="light"] .footer-links a:hover { color: #C0506A; } [data-theme="light"] .bingo-link:hover { color: #D4687E !important; } [data-theme="light"] .obsessed-title::before { background: linear-gradient(to bottom, transparent, rgba(212,104,126,0.8), transparent) !important; } [data-theme="light"] .footer-contact-card { background: linear-gradient(180deg, #FFFFFF, #FFF8FA) !important; border: 1px solid rgba(100,50,70,0.06) !important; } [data-theme="light"] .footer-contact-card .contact-email { color: #2D1B22; border-bottom-color: rgba(100,50,70,0.18); } [data-theme="light"] .footer-contact-card .contact-email:hover { color: #D4687E; border-color: #D4687E; } [data-theme="light"] .social-circle { background: linear-gradient(135deg, #D4687E, #E8A0B0); box-shadow: 0 8px 20px rgba(212,104,126,0.22); } [data-theme="light"] .social-circle:hover { box-shadow: 0 12px 30px rgba(212,104,126,0.32); } [data-theme="light"] .follow-title { color: #D4687E; } [data-theme="light"] .newsletter-form input { border: 1px solid rgba(100,50,70,0.12); background: rgba(0,0,0,0.02); color: #2D1B22; } [data-theme="light"] .newsletter-form input:focus { border-color: #D4687E; box-shadow: 0 0 0 2px rgba(212,104,126,0.12); } [data-theme="light"] .newsletter-submit { background: #D4687E; color: #fff; } [data-theme="light"] .newsletter-submit:hover { box-shadow: 0 6px 18px rgba(212,104,126,0.30); } [data-theme="light"] .newsletter-icon { color: #000000; opacity: 0.03; } [data-theme="light"] .book-card.footer-right-card .footer-icon { color: rgba(0,0,0,0.03); } /* Spotify button */ [data-theme="light"] .spotify-button { background: #D4687E; color: #fff; } [data-theme="light"] .spotify-button:hover { box-shadow: 0 4px 10px rgba(212,104,126,0.25); } /* =========================================== QUIZ CTA =========================================== */ [data-theme="light"] .quiz-btn { color: #2D1B22; border: 1px solid rgba(212,104,126,0.30); background: rgba(212,104,126,0.03); animation: glowPulseLight 3.5s ease-in-out infinite, textBreath 3s ease-in-out infinite; } @keyframes glowPulseLight { 0% { box-shadow: 0 0 0 rgba(212,104,126,0); } 50% { box-shadow: 0 0 25px rgba(212,104,126,0.30); } 100% { box-shadow: 0 0 0 rgba(212,104,126,0); } } [data-theme="light"] .quiz-btn:hover { border-color: #D4687E; box-shadow: 0 8px 22px rgba(212,104,126,0.30); } [data-theme="light"] .quiz-badge { background: #D4687E; color: #fff; box-shadow: 0 0 12px rgba(212,104,126,0.50); } /* ---------- Quiz Icon (globe) aura – rose on light ---------- */ [data-theme="light"] .quiz-icon::after { background: radial-gradient(circle, rgba(212,104,126,0.45) 0%, rgba(212,104,126,0.30) 25%, rgba(212,104,126,0.20) 45%, rgba(212,104,126,0.10) 60%, rgba(212,104,126,0) 75% ); } [data-theme="light"] .quiz-icon::before { background: radial-gradient(circle, rgba(212,104,126,0.20) 20%, rgba(212,104,126,0.12) 40%, rgba(212,104,126,0) 70% ); } /* =========================================== HEADER NAV (index secondary menu) =========================================== */ [data-theme="light"] header nav a { color: #4A3540; font-weight: 500; } [data-theme="light"] header nav a:hover { color: #2D1B22; } [data-theme="light"] header nav a::after { background: #D4687E; } [data-theme="light"] header nav a.active { color: #D4687E; } [data-theme="light"] header nav a.active::after { background: #D4687E; } /* =========================================== LOADING / SPINNER =========================================== */ [data-theme="light"] .spinner { border-color: #D4687E; border-top-color: transparent; } [data-theme="light"] .loading-wrapper { color: #7A5A64; } /* =========================================== SCROLLBAR =========================================== */ [data-theme="light"] .filter-card::-webkit-scrollbar-track { background: rgba(0,0,0,0.02); } [data-theme="light"] .filter-card::-webkit-scrollbar-thumb { background: rgba(212,104,126,0.25); } [data-theme="light"] .filter-card::-webkit-scrollbar-thumb:hover { background: rgba(212,104,126,0.40); } /* =========================================== MOBILE OVERRIDES =========================================== */ @media (max-width: 768px) { [data-theme="light"] .genre-menu-links { border-top: 1px solid rgba(100,50,70,0.06); } [data-theme="light"] .genre-menu-links a { border-bottom: 1px solid rgba(100,50,70,0.03); } [data-theme="light"] .filter-card.active-glow { border-color: rgba(100,50,70,0.06) !important; box-shadow: none !important; } [data-theme="light"] .reviews-search-input:focus { box-shadow: none !important; } } /* ============================================ PAGE-SPECIFIC — my-books.php ============================================ */ [data-theme="light"] .legal-hero h1 { color: #D4687E; } [data-theme="light"] .legal-sub { color: #7A5A64; } [data-theme="light"] .notice-card { background: linear-gradient(150deg, #FFFFFF, #FFF8FA); border: 1px solid rgba(100,50,70,0.08); color: #3D2A30; box-shadow: 0 10px 30px rgba(100,50,70,0.06); } [data-theme="light"] .notice-card p { color: #3D2A30; } [data-theme="light"] .notice-cta { background: #D4687E; color: #FFFFFF; } [data-theme="light"] .notice-cta:hover { background: #C0506A; } /* ============================================ PAGE-SPECIFIC — termeni + politica (legal pages) ============================================ */ [data-theme="light"] .legal-hero::before { background: linear-gradient(180deg, rgba(255,245,247,.75) 0%, rgba(255,245,247,.85) 50%, rgba(255,245,247,.95) 100%), url('images/hero.webp') center/cover no-repeat; } [data-theme="light"] .legal-card { background: linear-gradient(150deg, #FFFFFF, #FFF8FA); border: 1px solid rgba(100,50,70,0.08); box-shadow: 0 12px 35px rgba(100,50,70,0.06); } [data-theme="light"] .legal-card h2 { color: #2D1B22; } [data-theme="light"] .legal-card h3 { color: #3D2A30; } [data-theme="light"] .legal-card p { color: #4A3540; } [data-theme="light"] .legal-card li { color: #4A3540; } [data-theme="light"] .legal-note { border: 1px solid rgba(212,104,126,0.30); background: rgba(212,104,126,0.06); color: #3D2A30; } [data-theme="light"] .legal-breadcrumb { color: #7A5A64; } [data-theme="light"] .legal-breadcrumb a { color: #7A5A64; } [data-theme="light"] .legal-breadcrumb a:hover { color: #D4687E; } /* ============================================ PAGE-SPECIFIC — about.php ============================================ */ [data-theme="light"] .profile-stats-card { background: linear-gradient(145deg, #FFFFFF, #FFF8FA) !important; border: 1px solid rgba(100,50,70,0.06) !important; box-shadow: 0 12px 30px rgba(100,50,70,0.06); } [data-theme="light"] .stat-divider { background: rgba(100,50,70,0.06); } [data-theme="light"] .profile-card { background: #FFFFFF !important; border-left: 4px solid #D4687E !important; box-shadow: 0 12px 30px rgba(100,50,70,0.06); } [data-theme="light"] .profile-card p { color: #3D2A30; } [data-theme="light"] .about-wrapper .profile-card p:first-of-type::first-letter { color: #D4687E; } [data-theme="light"] .about-wrapper { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.06) !important; } [data-theme="light"] .about-wrapper:hover { box-shadow: 0 18px 40px rgba(100,50,70,0.08), 0 0 20px rgba(212,104,126,0.08); } [data-theme="light"] .about-content p { color: #2D1B22 !important; text-shadow: none !important; } [data-theme="light"] .about-title span { background: linear-gradient(to bottom, transparent, rgba(212,104,126,0.40), transparent); } [data-theme="light"] .about-title h2 { color: #2D1B22 !important; } [data-theme="light"] .author-motto { color: rgba(45,27,34,0.78); } [data-theme="light"] .favorite-badge { background: rgba(212,104,126,0.08); border: 1px solid rgba(212,104,126,0.25); color: #D4687E; box-shadow: 0 0 12px rgba(212,104,126,0.06); } [data-theme="light"] .favorite-badge:hover { color: #C0506A; } [data-theme="light"] .favorite-title { color: rgba(45,27,34,0.78); } [data-theme="light"] .favorite-title::after { background: linear-gradient(to right, transparent, #D4687E, transparent); } /* ============================================ PAGE-SPECIFIC — quiz.php ============================================ */ /* ---------- Quiz Background & Environment ---------- */ [data-theme="light"] .quiz-background { background: radial-gradient(ellipse at center, #FFF5F7 0%, #FFE8EE 100%) !important; } [data-theme="light"] .particle-layer { background-image: radial-gradient(1px 1px at 20% 30%, rgba(212,104,126,0.06), transparent), radial-gradient(1px 1px at 80% 60%, rgba(200,155,99,0.04), transparent), radial-gradient(1px 1px at 50% 80%, rgba(255,77,109,0.03), transparent); } [data-theme="light"] .noise-overlay { opacity: 0.08; } /* ---------- Genre Hero (quiz start) ---------- */ [data-theme="light"] .genre-hero h1 { color: #2D1B22; } [data-theme="light"] .genre-sub { color: #D4687E !important; } /* ---------- Quiz Intro Section ---------- */ [data-theme="light"] .quiz-intro p { color: #D4687E; text-shadow: none; } [data-theme="light"] .quiz-intro h1, [data-theme="light"] .quiz-intro h2 { color: #2D1B22; } [data-theme="light"] .quiz-intro h1::after, [data-theme="light"] .quiz-intro h2::after { background: linear-gradient(to right, transparent, rgba(212,104,126,0.45), transparent); } /* ---------- Quiz Card (start screen genre selector) ---------- */ [data-theme="light"] .quiz-card { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.06) !important; box-shadow: 0 4px 12px rgba(100,50,70,0.04); color: #2D1B22; } [data-theme="light"] .quiz-card h3 { color: #2D1B22; } [data-theme="light"] .quiz-card p { color: #7A5A64; } [data-theme="light"] .quiz-card:has(input:checked) { border: 1px solid rgba(212,104,126,0.55) !important; box-shadow: 0 0 10px rgba(212,104,126,0.15), inset 0 0 12px rgba(212,104,126,0.04) !important; } [data-theme="light"] .quiz-card.error { border: 1px solid rgba(255,77,109,0.45) !important; box-shadow: 0 0 10px rgba(255,77,109,0.12) !important; } [data-theme="light"] .quiz-error { color: #E0425E; } /* ---------- Quiz Button / Read-More in quiz ---------- */ [data-theme="light"] .read-more { color: #D4687E !important; border-color: rgba(212,104,126,0.50) !important; } [data-theme="light"] .read-more:hover { background: rgba(212,104,126,0.08) !important; color: #2D1B22 !important; } /* ---------- Cinematic Card System (quiz steps) ---------- */ [data-theme="light"] .cinematic-card { background: rgba(255,248,250,0.98) !important; backdrop-filter: blur(6px) !important; border: 1px solid rgba(100,50,70,0.12) !important; box-shadow: 0 12px 25px rgba(100,50,70,0.10); color: #2D1B22; animation: none !important; /* kill the float bounce */ } [data-theme="light"] .cinematic-card h3 { font-weight: 600; color: #2D1B22; text-shadow: none; line-height: 1.45; } [data-theme="light"] .cinematic-card::before { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.02), transparent); opacity: 0.4; } [data-theme="light"] .cinematic-card::after { background: linear-gradient(45deg, rgba(212,104,126,0.08), rgba(200,155,99,0.06), rgba(255,77,109,0.05)); opacity: 0.4; } [data-theme="light"] .noise-overlay { opacity: 0.05 !important; } /* ---------- Answer Options ---------- */ [data-theme="light"] .answer-option { background: rgba(0,0,0,0.015) !important; border: 1px solid rgba(100,50,70,0.08) !important; color: #2D1B22; } [data-theme="light"] .answer-option::before { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.04), transparent); } [data-theme="light"] .answer-option:hover { background: rgba(212,104,126,0.05) !important; border-color: rgba(212,104,126,0.25) !important; box-shadow: 0 5px 10px rgba(212,104,126,0.06); } [data-theme="light"] .answer-option.selected { background: rgba(212,104,126,0.08) !important; border-color: rgba(212,104,126,0.40) !important; box-shadow: 0 0 15px rgba(212,104,126,0.10); } /* ---------- Prev Arrow ---------- */ [data-theme="light"] .prev-arrow { color: #D4687E; border-color: rgba(212,104,126,0.20); box-shadow: 0 4px 10px rgba(100,50,70,0.05); } [data-theme="light"] .prev-arrow:hover { background: rgba(212,104,126,0.06); } /* ---------- Quiz Progress Bar ---------- */ [data-theme="light"] .quiz-progress { background: rgba(0,0,0,0.06); } [data-theme="light"] .progress-fill { background: linear-gradient(90deg, #D4687E, #C89B63) !important; box-shadow: 0 0 12px rgba(212,104,126,0.30) !important; } /* ---------- Analysis Screen ---------- */ [data-theme="light"] .analysis-screen { background: rgba(255,245,247,0.97); } [data-theme="light"] .analysis-screen h2 { color: #2D1B22; } [data-theme="light"] .analysis-screen p { color: #4A3540; } [data-theme="light"] .analysis-core { --coreColor: 212,104,126 !important; border-color: rgba(212,104,126,0.8) !important; background: radial-gradient( circle at center, rgba(212,104,126,0.22) 0%, rgba(212,104,126,0.14) 38%, rgba(212,104,126,0.05) 64%, rgba(212,104,126,0) 82% ) !important; box-shadow: 0 0 30px rgba(212,104,126,0.25), inset 0 0 14px rgba(212,104,126,0.12) !important; } [data-theme="light"] #feedbackScreen.first-feedback-square .analysis-core { background: linear-gradient( 180deg, rgba(212,104,126,0.16) 0%, rgba(212,104,126,0.06) 55%, rgba(212,104,126,0.02) 100% ) !important; box-shadow: 0 0 30px rgba(212,104,126,0.25), inset 0 0 10px rgba(212,104,126,0.1) !important; } [data-theme="light"] .analysis-core::after { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.70), transparent); box-shadow: 0 0 8px rgba(212,104,126,0.60), 0 0 20px rgba(212,104,126,0.30); } [data-theme="light"] .analysis-core::before { background: linear-gradient(135deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 45%, transparent 70%); } /* ---------- Analysis Symbol (brain icon in analysis) ---------- */ [data-theme="light"] #analysisScreen .analysis-symbol i { -webkit-text-stroke-color: rgba(180,130,90,0.82); text-shadow: 0 0 10px rgba(180,130,90,0.25), 0 0 20px rgba(180,130,90,0.08); } /* ---------- Feedback Screen ---------- */ [data-theme="light"] #feedbackScreen #feedbackSymbol i { -webkit-text-stroke: 1.8px rgba(212,104,126,0.85); text-shadow: 0 0 10px rgba(212,104,126,0.25), 0 0 20px rgba(212,104,126,0.10); } [data-theme="light"] #feedbackText { color: rgba(45,27,34,0.85) !important; text-shadow: none; } /* ---------- SVG Shape Outlines (triangle, diamond, hexagon) ---------- */ [data-theme="light"] .triangle-outline, [data-theme="light"] .diamond-outline, [data-theme="light"] .hexagon-outline { stroke: rgba(212,104,126,0.80) !important; } [data-theme="light"] .triangle-outer-halo, [data-theme="light"] .triangle-inner-glow, [data-theme="light"] .triangle-inner-glow-b, [data-theme="light"] .diamond-outer-halo, [data-theme="light"] .diamond-inner-glow, [data-theme="light"] .diamond-inner-glow-b, [data-theme="light"] .hexagon-outer-halo, [data-theme="light"] .hexagon-inner-glow, [data-theme="light"] .hexagon-inner-glow-b { opacity: 0.4; } [data-theme="light"] .ripple { background: rgba(212,104,126,0.35); } /* ---------- Inline Analysis Progress Bar Override ---------- */ [data-theme="light"] #analysisScreen > div[style*="background:#111C2E"] { background: rgba(0,0,0,0.06) !important; } [data-theme="light"] #analysisProgress { background: linear-gradient(90deg, #D4687E, #C89B63) !important; } /* ---------- Psycho Profile Intermediate Screen ---------- */ [data-theme="light"] .psycho-step-card { background: rgba(255,248,250,0.92) !important; border: 1px solid rgba(212,104,126,0.14) !important; box-shadow: 0 8px 22px rgba(100,50,70,0.06); } [data-theme="light"] .psycho-step-title { color: #2D1B22; } [data-theme="light"] .psycho-step-intro, [data-theme="light"] .psycho-step-metrics { color: #4A3540; } [data-theme="light"] .psycho-step-archetype { color: #2D1B22; } [data-theme="light"] .psycho-scanline { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.65), transparent); box-shadow: 0 0 8px rgba(212,104,126,0.40); } [data-theme="light"] .psycho-bar-row { color: #7A5A64; } [data-theme="light"] .psycho-bar-track { background: rgba(0,0,0,0.06); } [data-theme="light"] .psycho-bar-fill { background: linear-gradient(90deg, rgba(212,104,126,0.40), rgba(212,104,126,0.85)); box-shadow: 0 0 8px rgba(212,104,126,0.18); } [data-theme="light"] .psycho-sigil { border-color: rgba(212,104,126,0.40); color: #D4687E; box-shadow: 0 0 16px rgba(212,104,126,0.15); } [data-theme="light"] .psycho-sigil.revealed { animation: psychoSigilStampLight .55s cubic-bezier(.16,.84,.29,1.2) forwards; } @keyframes psychoSigilStampLight { 0% { opacity:0; transform:scale(.75); filter:blur(2px); box-shadow:0 0 0 rgba(212,104,126,0); } 55% { opacity:1; transform:scale(1.07); filter:blur(0); box-shadow:0 0 26px rgba(212,104,126,.30); } 100% { opacity:1; transform:scale(1); filter:blur(0); box-shadow:0 0 16px rgba(212,104,126,.18); } } /* ---------- Results Section ---------- */ [data-theme="light"] .result-title { color: #2D1B22; } [data-theme="light"] .result-energy { color: #D4687E; } [data-theme="light"] .profile-desc { color: #7A5A64; } [data-theme="light"] .match-score { color: #D4687E; } [data-theme="light"] .book-author { color: #7A5A64; } [data-theme="light"] .main-reco-title { color: #2D1B22; } [data-theme="light"] .top-title { color: #D4687E; } [data-theme="light"] .top-book-link { color: #2D1B22; } /* ---------- Profile Cards ---------- */ [data-theme="light"] .profile-card { border: 1px solid rgba(100,50,70,0.08); box-shadow: 0 12px 30px rgba(100,50,70,0.06); } [data-theme="light"] .profile-card:hover { box-shadow: 0 18px 45px rgba(100,50,70,0.10), 0 0 30px rgba(212,104,126,0.08); } [data-theme="light"] .profile-text { color: #3D2A30; } [data-theme="light"] .profile-text strong { color: #2D1B22; } /* ---------- Book Cards (results grid) ---------- */ [data-theme="light"] .book-card { background: #FFFFFF !important; border: 1px solid rgba(100,50,70,0.06) !important; box-shadow: 0 4px 12px rgba(100,50,70,0.04); color: #2D1B22; } @media (hover:hover) { [data-theme="light"] .book-card:hover { box-shadow: 0 20px 50px rgba(100,50,70,0.10), 0 0 25px rgba(212,104,126,0.10); border: 1px solid rgba(212,104,126,0.25) !important; } } [data-theme="light"] .book-card h3 { color: #2D1B22; } [data-theme="light"] .book-explanation { color: #7A5A64 !important; } /* ---------- Confidence Display (inline style override) ---------- */ [data-theme="light"] #confidenceDisplay { color: #7A5A64 !important; } /* ---------- Energy Badges ---------- */ [data-theme="light"] .energy-badge { border-color: rgba(100,50,70,0.12); } [data-theme="light"] .energy-plus { color: #4A3540; } [data-theme="light"] .primary-badge { background: rgba(212,104,126,0.10); color: #D4687E; border: 1px solid rgba(212,104,126,0.35); box-shadow: 0 0 10px rgba(212,104,126,0.12); } [data-theme="light"] .secondary-badge { background: rgba(0,0,0,0.03); color: #7A5A64; border-color: rgba(100,50,70,0.12); box-shadow: 0 0 8px rgba(212,104,126,0.06); } [data-theme="light"] .energy-plus-glow { color: #D4687E; background: rgba(212,104,126,0.08); box-shadow: 0 0 6px rgba(212,104,126,0.30), 0 0 15px rgba(212,104,126,0.12); text-shadow: 0 0 3px rgba(212,104,126,0.50); animation: plusPulseLight 2s ease-in-out infinite; } @keyframes plusPulseLight { 0% { box-shadow: 0 0 8px rgba(212,104,126,0.30), 0 0 18px rgba(212,104,126,0.15); } 50% { box-shadow: 0 0 18px rgba(212,104,126,0.60), 0 0 35px rgba(212,104,126,0.35); } 100% { box-shadow: 0 0 8px rgba(212,104,126,0.30), 0 0 18px rgba(212,104,126,0.15); } } /* ---------- Secondary Title ---------- */ [data-theme="light"] .secondary-title { color: #2D1B22; text-shadow: none; } /* ---------- Close Button ---------- */ [data-theme="light"] .close-btn { color: #7A5A64; } [data-theme="light"] .close-btn:hover { color: #2D1B22; } /* ---------- Theme Color Overrides for Cinematic Cards ---------- */ [data-theme="light"] .cinematic-card.theme-romance, [data-theme="light"] .cinematic-card.theme-darkness, [data-theme="light"] .cinematic-card.theme-strategy, [data-theme="light"] .cinematic-card.theme-desire { --accent: #D4687E; --glow: rgba(212,104,126,0.08); } /* ============================================ PAGE-SPECIFIC — infinite-bookshelf.php ============================================ */ [data-theme="light"] .header { background: linear-gradient(145deg, #FFFFFF, #FFF8FA) !important; box-shadow: 0 8px 22px rgba(100,50,70,0.06), 0 0 15px rgba(212,104,126,0.05); border-left-color: #D4687E !important; } [data-theme="light"] .header h1 { color: #2D1B22 !important; } [data-theme="light"] .header p { color: #7A5A64 !important; } [data-theme="light"] .bookshelf-container { background: linear-gradient(145deg, #FFF8FA, #FFFFFF) !important; box-shadow: 0 12px 30px rgba(100,50,70,0.06), 0 0 15px rgba(212,104,126,0.05); border-left-color: #D4687E !important; } [data-theme="light"] .book-details-modal { background: rgba(255,245,247,0.92); } [data-theme="light"] .modal-content { background: linear-gradient(145deg, #FFFFFF, #FFF8FA) !important; box-shadow: 0 12px 30px rgba(100,50,70,0.10), 0 0 18px rgba(212,104,126,0.08); border-color: rgba(100,50,70,0.08); border-left: 4px solid #D4687E; } [data-theme="light"] .modal-header { border-bottom-color: rgba(100,50,70,0.06); } [data-theme="light"] .modal-title { color: #2D1B22; } [data-theme="light"] .book-info h3 { color: #2D1B22; } [data-theme="light"] .book-meta { color: #7A5A64; } [data-theme="light"] .book-meta strong { color: #2D1B22; } [data-theme="light"] .book-description { color: #7A5A64; } [data-theme="light"] .stats { background: linear-gradient(145deg, #FFF8FA, #FFFFFF); border-left-color: #D4687E; } [data-theme="light"] .stats h4 { color: #2D1B22; } [data-theme="light"] .loading { color: #7A5A64; } [data-theme="light"] .error { color: #C2185B; background: linear-gradient(145deg, #FFF0F3, #FFF8FA); border-left-color: #C2185B; } /* ============================================ PAGE-SPECIFIC — share.php ============================================ */ [data-theme="light"] .left { background: #FFF8FA; } [data-theme="light"] .right { background: #FFF8FA; } [data-theme="light"] input[type="text"] { background: #FFFFFF; color: #2D1B22; border-color: rgba(100,50,70,0.12); } /* ============================================ OBSESSED BOOKSHELF BLOCK ============================================ */ [data-theme="light"] .obsessed-bookshelf-content { background: #FFFFFF; } [data-theme="light"] .obsessed-title { color: #2D1B22 !important; } [data-theme="light"] .obsessed-subtitle { color: #7A5A64 !important; } [data-theme="light"] .shelf-preview::before { background: linear-gradient(90deg, #F5E6EA, #E8D0D6, #F5E6EA) !important; box-shadow: 0 8px 15px rgba(100,50,70,0.15) !important; border-bottom-color: rgba(100,50,70,0.15) !important; } [data-theme="light"] .bookshelf-pagination .page-btn.active { color: #D4687E !important; } /* ============================================ STATUS COLORS — inline badges (book page) ============================================ */ /* Keep semantic status colors — they work on light bg */ /* "În așteptare" — gray stays fine */ /* "Curând" — purple stays fine */ /* "Luna aceasta" — red stays fine */ /* ============================================ THEME TOGGLE BUTTON – fixed top-right ============================================ */ .theme-toggle { position: fixed; top: 16px; right: 16px; z-index: 9999; background: rgba(11,18,32,0.55); border: 1px solid rgba(200,155,99,0.35); color: #c89b63; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all 0.3s ease; flex-shrink: 0; padding: 0; line-height: 1; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .theme-toggle:hover { color: #e6c28b; border-color: rgba(200,155,99,0.60); transform: scale(1.1); } [data-theme="light"] .theme-toggle { background: rgba(255,255,255,0.70); border-color: rgba(212,104,126,0.35); color: #D4687E; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } [data-theme="light"] .theme-toggle:hover { color: #C0506A; border-color: rgba(212,104,126,0.60); } /* mobile — fixed bottom-right */ @media (max-width: 768px) { .theme-toggle { position: fixed; top: auto; bottom: 20px; right: 16px; width: 42px; height: 42px; font-size: 18px; margin: 0; } } /* ============================================ PAGE-SPECIFIC — contact.php ============================================ */ [data-theme="light"] .contact-wrapper { background: #FFFFFF; border: 1px solid rgba(100,50,70,0.06); box-shadow: 0 15px 35px rgba(100,50,70,0.06); } [data-theme="light"] .contact-wrapper p { color: #7A5A64; } [data-theme="light"] .contact-wrapper input, [data-theme="light"] .contact-wrapper textarea { border: 1px solid rgba(100,50,70,0.12); background: rgba(0,0,0,0.02); color: #2D1B22; } [data-theme="light"] .contact-wrapper input:focus, [data-theme="light"] .contact-wrapper textarea:focus { border-color: #D4687E; box-shadow: 0 0 0 2px rgba(212,104,126,0.12); } [data-theme="light"] .contact-wrapper button { background: #D4687E; } [data-theme="light"] .contact-wrapper button:hover { box-shadow: 0 8px 20px rgba(212,104,126,0.30); } /* ============================================ PAGE-SPECIFIC — bingo-vibe.php ============================================ */ /* ---------- CSS Variable Overrides ---------- */ [data-theme="light"] { --bg-dark: #FFF5F7; --bg-card: #FFFFFF; --text-light: #2D1B22; --text-muted: #7A5A64; --primary: #D4687E; --primary-light: #E8A0B0; --romantic-soft: rgba(212,104,126,0.08); --romantic-glow: rgba(212,104,126,0.18); } /* ---------- Body & Background ---------- */ [data-theme="light"] body { background: radial-gradient(circle at 20% 80%, rgba(212,104,126,0.06), transparent 50%), radial-gradient(circle at 80% 20%, rgba(200,155,99,0.04), transparent 50%), #FFF5F7 !important; color: #2D1B22 !important; } [data-theme="light"] #ambientCanvas { opacity: 0.08; } /* ---------- Title & Subtitle ---------- */ [data-theme="light"] h1 { background: linear-gradient(90deg, #8E4162, #D4687E, #8E4162); background-size: 200% auto; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .subtitle { color: #7A5A64; } /* ---------- Genre Menu ---------- */ [data-theme="light"] .genre-menu { background: #FFFFFF; border-bottom-color: rgba(100,50,70,0.08); } [data-theme="light"] .genre-menu a { color: #7A5A64; } [data-theme="light"] .genre-menu a:hover { color: #2D1B22; } [data-theme="light"] .genre-menu a::after { background: #D4687E; } [data-theme="light"] .genre-menu a.active { color: #D4687E; } /* ---------- Bingo Panel ---------- */ [data-theme="light"] .bingo-panel { background: #FFFFFF; border-color: rgba(100,50,70,0.06); box-shadow: 0 15px 40px rgba(100,50,70,0.06); } /* ---------- Vibe Cells (Bingo Grid) ---------- */ [data-theme="light"] .vibe-cell { background: rgba(0,0,0,0.02); border: 1px solid rgba(100,50,70,0.08); backdrop-filter: blur(6px); box-shadow: 0 4px 12px rgba(100,50,70,0.04); } [data-theme="light"] .vibe-cell:hover { box-shadow: 0 8px 20px rgba(212,104,126,0.12); border-color: rgba(212,104,126,0.25); } [data-theme="light"] .vibe-cell.selected { border-color: #D4687E; box-shadow: 0 0 30px rgba(212,104,126,0.20), 0 10px 30px rgba(100,50,70,0.08); background: linear-gradient(145deg, rgba(212,104,126,0.06), rgba(212,104,126,0.02)); } [data-theme="light"] .vibe-cell.disabled { background: rgba(0,0,0,0.02); opacity: 0.35; } /* ---------- Selection Counter ---------- */ [data-theme="light"] .selection-counter-floating { background: rgba(212,104,126,0.06); border-color: rgba(212,104,126,0.15); } [data-theme="light"] .counter-number { color: #D4687E; } [data-theme="light"] .counter-number i { color: #D4687E; } [data-theme="light"] .counter-hint { color: #7A5A64; } /* ---------- Selection Orb ---------- */ [data-theme="light"] .selection-orb-glow { background: radial-gradient(circle, rgba(212,104,126,0.20) 0%, rgba(212,104,126,0.08) 40%, rgba(212,104,126,0.03) 65%, transparent 85%); } [data-theme="light"] .selection-orb-outer-ring { border-color: rgba(212,104,126,0.45); box-shadow: 0 0 15px rgba(212,104,126,0.30), 0 0 35px rgba(212,104,126,0.12); } [data-theme="light"] .selection-orb-inner-ring { border-color: rgba(100,50,70,0.10); } [data-theme="light"] .selection-orb { background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.50), rgba(255,255,255,0.30) 50%, rgba(255,245,247,0.90) 90%); border-color: rgba(100,50,70,0.10); box-shadow: inset 0 0 30px rgba(212,104,126,0.04), 0 0 20px rgba(212,104,126,0.12); } [data-theme="light"] .orb-count { color: #D4687E; text-shadow: 0 0 15px rgba(212,104,126,0.40); } [data-theme="light"] .orb-label { color: #7A5A64; } [data-theme="light"] .orb-particles span { background: #D4687E; box-shadow: 0 0 6px rgba(212,104,126,0.50); } /* ---------- Reveal Container ---------- */ [data-theme="light"] .reveal-container { background: linear-gradient(180deg, #FFFFFF, #FFF8FA) !important; border-color: rgba(212,104,126,0.20); box-shadow: 0 15px 40px rgba(100,50,70,0.06); } [data-theme="light"] .reveal-container::before { background: radial-gradient(circle at center, rgba(212,104,126,0.04), transparent 70%); } /* Dynamic mood themes — all use soft light backgrounds */ [data-theme="light"] .reveal-container.radiant { --dynamic-gradient: linear-gradient(135deg, #FFF8F0, #FFFAF5, #FFF5EE); --dynamic-accent: #C8843A; --dynamic-accent-soft: rgba(200,132,58,0.10); --dynamic-glow: rgba(200,132,58,0.20); } [data-theme="light"] .reveal-container.optimist { --dynamic-gradient: linear-gradient(135deg, #F0FFFE, #F5FFFD, #EAFAF8); --dynamic-accent: #2A9D8F; --dynamic-accent-soft: rgba(42,157,143,0.10); --dynamic-glow: rgba(42,157,143,0.20); } [data-theme="light"] .reveal-container.balanced { --dynamic-gradient: linear-gradient(135deg, #F8F5FF, #FAF7FF, #F5F0FF); --dynamic-accent: #7C5CBF; --dynamic-accent-soft: rgba(124,92,191,0.10); --dynamic-glow: rgba(124,92,191,0.20); } [data-theme="light"] .reveal-container.sceptic { --dynamic-gradient: linear-gradient(135deg, #F0F7FF, #F5FAFF, #EBF4FF); --dynamic-accent: #3A8FD4; --dynamic-accent-soft: rgba(58,143,212,0.10); --dynamic-glow: rgba(58,143,212,0.20); } [data-theme="light"] .reveal-container.critical { --dynamic-gradient: linear-gradient(135deg, #FFF5F3, #FFF8F5, #FFF0ED); --dynamic-accent: #C0392B; --dynamic-accent-soft: rgba(192,57,43,0.08); --dynamic-glow: rgba(192,57,43,0.15); } [data-theme="light"] .reveal-container.savage { --dynamic-gradient: linear-gradient(135deg, #FFF0F2, #FFF5F3, #FFEAED); --dynamic-accent: #A3102A; --dynamic-accent-soft: rgba(163,16,42,0.10); --dynamic-glow: rgba(163,16,42,0.20); } /* ---------- Reveal Header ---------- */ [data-theme="light"] .reveal-header h3 { color: #2D1B22; } /* ---------- Reveal Vibe Items ---------- */ [data-theme="light"] .reveal-vibe-item { border-color: rgba(100,50,70,0.06); color: #2D1B22; } [data-theme="light"] .reveal-vibe-item.positive { background: linear-gradient(145deg, rgba(212,104,126,0.06), rgba(255,248,250,0.80)); box-shadow: inset 0 0 20px rgba(212,104,126,0.04); } [data-theme="light"] .reveal-vibe-item.negative { background: linear-gradient(145deg, rgba(192,57,43,0.05), rgba(255,248,250,0.80)); box-shadow: inset 0 0 20px rgba(192,57,43,0.04); } [data-theme="light"] .reveal-vibe-item::after { background: linear-gradient(120deg, transparent, rgba(212,104,126,0.04), transparent); } /* ---------- Mood Message ---------- */ [data-theme="light"] .mood-text { color: #3D2A30; } [data-theme="light"] .mood-badge { background: var(--dynamic-accent-soft); border-color: var(--dynamic-accent); color: var(--dynamic-accent); } /* ---------- Blurred Book ---------- */ [data-theme="light"] .blurred-book-card { background: rgba(0,0,0,0.02); border-color: var(--dynamic-accent-soft); } [data-theme="light"] .blurred-book-placeholder { color: #7A5A64; } /* ---------- Buttons ---------- */ [data-theme="light"] .btn { border-color: rgba(100,50,70,0.10); } [data-theme="light"] .btn-primary { background: linear-gradient(145deg, rgba(212,104,126,0.12), rgba(212,104,126,0.06)); color: #D4687E; box-shadow: inset 0 0 15px rgba(212,104,126,0.06), 0 0 15px rgba(212,104,126,0.08); border-color: rgba(212,104,126,0.25); } [data-theme="light"] .btn-primary::before { background: linear-gradient(90deg, transparent, rgba(212,104,126,0.35), transparent); } [data-theme="light"] .btn-primary:hover { box-shadow: inset 0 0 20px rgba(212,104,126,0.10), 0 0 25px rgba(212,104,126,0.15); } [data-theme="light"] .btn-secondary { background: linear-gradient(145deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01)); color: #4A3540; } [data-theme="light"] .btn-secondary:hover { border-color: rgba(100,50,70,0.20); } [data-theme="light"] .btn-share { border-color: rgba(100,50,70,0.15); color: #4A3540; } [data-theme="light"] .btn-share:hover { border-color: rgba(212,104,126,0.35); box-shadow: 0 0 12px rgba(212,104,126,0.15); } [data-theme="light"] .btn-reset { color: #7A5A64; border-color: rgba(100,50,70,0.10); } [data-theme="light"] .btn-reset:hover { color: #2D1B22; border-color: rgba(100,50,70,0.25); background: rgba(0,0,0,0.02); } [data-theme="light"] #moreBooksBtn { border-color: rgba(100,50,70,0.12); color: #4A3540; } /* ---------- Book Cards (bingo-vibe results) ---------- */ [data-theme="light"] .results-grid .book-card { background: rgba(0,0,0,0.015) !important; border: 1px solid rgba(100,50,70,0.06) !important; color: #2D1B22; } [data-theme="light"] .results-grid .book-card:hover { background: rgba(212,104,126,0.03) !important; box-shadow: 0 8px 20px rgba(212,104,126,0.10); } [data-theme="light"] .book-title { color: #2D1B22; } [data-theme="light"] .book-title a { color: #2D1B22; } [data-theme="light"] .book-title a:hover { color: #D4687E; } [data-theme="light"] .book-author { color: #7A5A64; } [data-theme="light"] .book-vibe-tag { background: rgba(212,104,126,0.08); color: #7A5A64; } [data-theme="light"] .book-vibe-tag.matched { background: rgba(76,175,80,0.12); color: #2E7D32; } [data-theme="light"] .match-score { color: #D4687E; } [data-theme="light"] .match-label { color: #7A5A64; } [data-theme="light"] .book-card.perfect-match { background: linear-gradient(135deg, rgba(76,175,80,0.04), rgba(139,195,74,0.02)) !important; border-left-color: #4CAF50 !important; } [data-theme="light"] .book-card.perfect-match .book-title { color: #8B6914; } /* ---------- Results Section ---------- */ [data-theme="light"] .results-count { color: #7A5A64; } [data-theme="light"] .results-header h3 { color: #2D1B22; } [data-theme="light"] .reveal-results h4 { color: #D4687E; } /* ---------- Match Bar ---------- */ [data-theme="light"] .match-bar { background: rgba(0,0,0,0.06); } /* ---------- Icon Buttons ---------- */ [data-theme="light"] .icon-btn { background: linear-gradient(145deg, rgba(0,0,0,0.03), rgba(0,0,0,0.01)); border-color: rgba(100,50,70,0.10); } [data-theme="light"] .icon-btn i { color: #4A3540; } [data-theme="light"] .icon-btn:hover { box-shadow: inset 0 0 12px rgba(212,104,126,0.04), 0 0 15px rgba(212,104,126,0.10); } [data-theme="light"] .icon-btn.primary { background: linear-gradient(145deg, rgba(212,104,126,0.12), rgba(212,104,126,0.04)); border-color: rgba(212,104,126,0.30); box-shadow: inset 0 0 15px rgba(212,104,126,0.06), 0 0 20px rgba(212,104,126,0.10); } [data-theme="light"] .icon-btn.primary i { color: #D4687E; } [data-theme="light"] .icon-btn.active-like { background: linear-gradient(145deg, rgba(42,157,143,0.10), rgba(42,157,143,0.04)); border-color: rgba(42,157,143,0.30); box-shadow: inset 0 0 15px rgba(42,157,143,0.08), 0 0 20px rgba(42,157,143,0.12); } [data-theme="light"] .icon-btn.active-dislike { background: linear-gradient(145deg, rgba(192,57,43,0.10), rgba(192,57,43,0.04)); border-color: rgba(192,57,43,0.30); box-shadow: inset 0 0 15px rgba(192,57,43,0.08), 0 0 20px rgba(192,57,43,0.12); } /* ---------- Help Popup ---------- */ [data-theme="light"] .help-trigger { color: #D4687E; } [data-theme="light"] .help-trigger .help-icon { background: #D4687E; color: #FFFFFF; } [data-theme="light"] .help-popup { background: #FFFFFF; border-color: rgba(100,50,70,0.08); border-left: 4px solid #D4687E; box-shadow: 0 8px 25px rgba(100,50,70,0.10); } [data-theme="light"] .help-popup h4 { color: #D4687E; } [data-theme="light"] .help-popup li { color: #4A3540; } /* ---------- Share Modal ---------- */ [data-theme="light"] .share-modal { background: rgba(45,27,34,0.50); } [data-theme="light"] .share-modal-content { background: #FFFFFF; border-color: rgba(100,50,70,0.08); box-shadow: 0 15px 40px rgba(100,50,70,0.12); } [data-theme="light"] .share-close { background: rgba(0,0,0,0.05); color: #4A3540; } /* ---------- Try Again Message ---------- */ [data-theme="light"] .try-again-message h4 { color: #2D1B22; } [data-theme="light"] .try-again-message p { color: #7A5A64; } /* ---------- Messages & Loading ---------- */ [data-theme="light"] .message { color: #7A5A64; } [data-theme="light"] .message.error { color: #C0392B; } [data-theme="light"] .spinner { border-color: rgba(212,104,126,0.15); border-top-color: #D4687E; } [data-theme="light"] .loading::after { border-color: rgba(212,104,126,0.15); border-top-color: #D4687E; } /* ---------- Energy Read Animation ---------- */ [data-theme="light"] .energy-read p { color: #D4687E; text-shadow: 0 0 10px rgba(212,104,126,0.30); } /* ---------- Feedback Buttons ---------- */ [data-theme="light"] .feedback-buttons .btn { border-color: rgba(100,50,70,0.12); color: #4A3540; } [data-theme="light"] .feedback-buttons .btn:hover { background: rgba(0,0,0,0.03); } /* ---------- Reset Hint ---------- */ [data-theme="light"] .reset-hint { color: #7A5A64; } /* ---------- Burger Toggle ---------- */ [data-theme="light"] .burger-toggle { color: #D4687E; } [data-theme="light"] .burger-toggle:hover { color: #C0506A; } /* ---------- Blurred Book Cover Placeholder ---------- */ [data-theme="light"] .blurred-book-cover { background: linear-gradient(135deg, #E8A0B0, #D4687E); } /* ---------- Vibe Frequency ---------- */ [data-theme="light"] .vibe-freq { color: #7A5A64; }