/* Dark mode (purple to green gradient, matches the masterclass page). Loaded with /js/theme.js */
.theme-toggle { width: 36px; height: 36px; margin-left: 14px; border-radius: 50%; border: 1px solid var(--border, #E7E5E4); background: transparent; color: var(--text, #1C1917); font-size: 17px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: none; padding: 0; }
.theme-toggle:hover { border-color: var(--purple, #7C3AED); }

html[data-theme="dark"] { color-scheme: dark; --bg:#120A2B; --bg-alt:#1E1342; --bg-card:#2A1B5C; --text:#F7F4FF; --text-2:#D4CCEE; --text-3:#A79DCB; --accent:#F7F4FF; --accent-h:#DDD6FE; --tag-bg:rgba(167,139,250,.2); --tag-text:#E4DBFF; --border:rgba(196,181,253,.18); --border-2:rgba(196,181,253,.32); --purple:#B79BFF; --purple-l:rgba(183,155,255,.18); --magenta:#E879F9; --magenta-l:rgba(232,121,249,.14); --green:#34D399; --green-l:rgba(52,211,153,.14); --green-d:#6EE7B7; }
html[data-theme="dark"], html[data-theme="dark"] body { background-color: #0a0118; }
html[data-theme="dark"] body { color: var(--text); background-image: radial-gradient(800px 520px at 88% 8%, rgba(124,58,237,.38), transparent 62%), radial-gradient(1000px 700px at 100% 100%, rgba(5,150,105,.42), transparent 62%), radial-gradient(800px 600px at 0% 100%, rgba(5,150,105,.28), transparent 60%), linear-gradient(135deg, #0a0118 0%, #1a0533 50%, #063d20 100%); background-attachment: fixed; }
html[data-theme="dark"] nav, html[data-theme="dark"] .nav { background: rgba(10,1,24,.88) !important; }
html[data-theme="dark"] .nav-dropdown-menu-inner, html[data-theme="dark"] #mobileMenu, html[data-theme="dark"] .modal { background: #241650 !important; }
html[data-theme="dark"] .hero { background: transparent !important; }
html[data-theme="dark"] .trust { background: rgba(124,58,237,.14) !important; border-color: var(--border) !important; }
html[data-theme="dark"] .section, html[data-theme="dark"] #courses-preview { background-color: transparent !important; }
html[data-theme="dark"] #testimonials { background: linear-gradient(160deg, #1a0533, #052e16) !important; }
/* cream sections stay light on purpose */
html[data-theme="dark"] #courses-promo, html[data-theme="dark"] #blog { --text:#1C1917; --text-2:#57534E; --text-3:#8A817C; --border:#E8DFCB; --border-2:#D9CDB3; --purple:#7C3AED; --purple-l:#EDE9FE; --bg-card:#FFFFFF; background: linear-gradient(135deg, #FBF7EE 0%, #F6EFDF 100%) !important; color: #1C1917; }
html[data-theme="dark"] #courses-promo h2, html[data-theme="dark"] #blog h2, html[data-theme="dark"] #blog h3 { color: #1C1917 !important; }
html[data-theme="dark"] #courses-promo p, html[data-theme="dark"] #blog p { color: #57534E !important; }
html[data-theme="dark"] #blog .btn-secondary, html[data-theme="dark"] #courses-promo .btn-secondary { color: #1C1917 !important; border-color: #D9CDB3 !important; }
html[data-theme="dark"] #blog .blog-card, html[data-theme="dark"] #blog .article-card, html[data-theme="dark"] #blog .course-card { background: #FFFFFF !important; border-color: #E8DFCB !important; }
/* cards and panels */
html[data-theme="dark"] .course-card, html[data-theme="dark"] .resource-card, html[data-theme="dark"] .testimonial-card, html[data-theme="dark"] .faq-item, html[data-theme="dark"] .card, html[data-theme="dark"] .cc { background: #2A1B5C !important; border-color: var(--border) !important; }
html[data-theme="dark"] .track-panel { background: linear-gradient(160deg, rgba(124,58,237,.22), rgba(5,46,22,.45)); }
html[data-theme="dark"] .cg-wu { background: linear-gradient(160deg, #4C2A9A 0%, #1a0533 55%, #052e16 100%) !important; }
html[data-theme="dark"] .cg-wu .course-badge { background: rgba(251,191,36,.14) !important; border: 1px solid rgba(251,191,36,.5); color: #FCD34D !important; -webkit-text-fill-color: #FCD34D; letter-spacing: .8px; }
html[data-theme="dark"] .cg-wu .course-card-name { background: linear-gradient(90deg, #FFF7D6, #FCD34D 60%, #F59E0B); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="dark"] .cg-wu .wu-avatar { border-color: #FCD34D; }
html[data-theme="dark"] .cg-wu .wu-list li::before { background: rgba(251,191,36,.18); color: #FCD34D; border: 1px solid rgba(251,191,36,.5); }
html[data-theme="dark"] .thumb-avatar { border-color: #2A1B5C; }
html[data-theme="dark"] .course-btn { color: #D8C8FF; }
html[data-theme="dark"] .course-price.paid { background: linear-gradient(135deg, #D8C8FF, #F5B8FF); -webkit-background-clip: text; background-clip: text; }
html[data-theme="dark"] .cg-wu .course-price.paid { background: none; -webkit-text-fill-color: #fff; }
html[data-theme="dark"] .cg-wu .wu-btn { color: #fff; }
/* buttons and inputs */
html[data-theme="dark"] .btn-secondary { background: transparent !important; color: var(--text) !important; border-color: var(--border-2) !important; }
html[data-theme="dark"] .btn-primary, html[data-theme="dark"] .nav-cta { background: linear-gradient(135deg, #7C3AED, #C026D3) !important; color: #fff !important; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background: rgba(255,255,255,.08) !important; color: var(--text) !important; border-color: var(--border-2) !important; }
html[data-theme="dark"] .site-footer { background: linear-gradient(135deg, #0a0118, #052e16); }
html[data-theme="dark"] .theme-toggle { color: #FCD34D; border-color: var(--border-2); }
/* Wealth Universe page and other pages with white cards */
html[data-theme="dark"] .quick-cards, html[data-theme="dark"] .section-alt { background: rgba(124,58,237,.10) !important; border-color: var(--border) !important; }
html[data-theme="dark"] .get-card, html[data-theme="dark"] .track-card, html[data-theme="dark"] .testi-card, html[data-theme="dark"] .price-card, html[data-theme="dark"] .faq-q, html[data-theme="dark"] .faq-list, html[data-theme="dark"] .quick-card { background: #2A1B5C !important; border-color: var(--border) !important; color: var(--text); }
html[data-theme="dark"] .faq-q:hover { background: #33226E !important; }
html[data-theme="dark"] .get-card h3, html[data-theme="dark"] .track-card h3, html[data-theme="dark"] .quick-card h3, html[data-theme="dark"] .price-card h3, html[data-theme="dark"] .testi-card strong { color: var(--text); }
html[data-theme="dark"] .fit-card-yes { background: rgba(52,211,153,.12); border-color: rgba(52,211,153,.35); }
html[data-theme="dark"] .fit-card-no { background: rgba(248,113,113,.10); border-color: rgba(248,113,113,.35); }
html[data-theme="dark"] .ba-table td:first-child { background: #2A1B5C; }
html[data-theme="dark"] .ba-table td:nth-child(2) { background: rgba(248,113,113,.12); color: #FCA5A5; }
html[data-theme="dark"] .ba-table td:nth-child(3) { background: rgba(52,211,153,.12); color: #6EE7B7; }
html[data-theme="dark"] .ba-table th:first-child { background: #1E1342; }
html[data-theme="dark"] .ba-table th:nth-child(2) { background: rgba(248,113,113,.18); color: #FCA5A5; }