/* ========================================================= DIGITAL CURIOSITY — CHAMPAGNE & GOLD LUXURY SKIN Updated for new main-styles.css + mobile-styles.css Apply to ========================================================= */ body.champagne-gold{ /* champagne-gold palette - MORE GOLD */ --neuro-bg:#f9f6ed; --neuro-bg-darker:#f0e8d5; --neuro-shadow-dark:#c9b991; --neuro-shadow-darker:#b8a577; --neuro-shadow-light:#ffffff; --neuro-highlight:#fffdf5; --neuro-text:#2a2318; --neuro-text-light:#695d4f; --neuro-text-lighter:#8a7d6c; --neuro-accent:#d4af37; /* gold */ --neuro-accent-light:#f4d03f; /* brighter gold */ /* Gold gradient colors */ --neuro-gold: #d4af37; --neuro-gold-dark: #b8941f; --neuro-gold-light: #f4d03f; --neuro-success:#5a8f7b; --neuro-warning:#c8960b; --neuro-error:#9b4545; --neuro-info:#7b8fa3; /* luxury shadows with gold glow */ --shadow-raised: 12px 12px 24px var(--neuro-shadow-dark), -10px -10px 20px var(--neuro-shadow-light), inset 1px 1px 2px var(--neuro-highlight); --shadow-raised-lg: 20px 20px 40px var(--neuro-shadow-darker), -16px -16px 32px var(--neuro-shadow-light), inset 2px 2px 4px var(--neuro-highlight), 0 8px 32px rgba(212,175,55,.25); --shadow-raised-hover: 16px 16px 32px var(--neuro-shadow-dark), -14px -14px 28px var(--neuro-shadow-light), inset 1px 1px 2px var(--neuro-highlight), 0 4px 24px rgba(212,175,55,.35); --shadow-inset: inset 6px 6px 12px var(--neuro-shadow-dark), inset -4px -4px 8px var(--neuro-shadow-light); --shadow-inset-sm: inset 4px 4px 8px var(--neuro-shadow-dark), inset -3px -3px 6px var(--neuro-shadow-light); --shadow-inset-lg: inset 10px 10px 20px var(--neuro-shadow-darker), inset -8px -8px 16px var(--neuro-shadow-light); --shadow-glow: 0 0 20px rgba(212,175,55,.4), 0 0 40px rgba(212,175,55,.3), 0 0 60px rgba(212,175,55,.2); --shadow-intense: 0 0 30px rgba(212,175,55,.6), 0 0 60px rgba(212,175,55,.4), 0 4px 20px rgba(184,152,95,.5); } .pricing-overlay.champagne-gold, .pricing-overlay.champagne-gold .pricing-modal, .pricing-overlay.champagne-gold .pricing-card { --neuro-bg: #f9f6ed; --neuro-bg-darker: #f0e8d5; --neuro-shadow-dark: #c9b991; --neuro-shadow-light: #ffffff; --neuro-text: #2a2318; --neuro-text-light: #695d4f; --neuro-accent: #d4af37; --neuro-accent-light: #f4d03f; --shadow-raised-sm: 4px 4px 8px #c9b991, -4px -4px 8px #ffffff; --shadow-raised: 12px 12px 24px #c9b991, -10px -10px 20px #ffffff, inset 1px 1px 2px #fffdf5; --shadow-raised-lg: 20px 20px 40px #b8a577, -16px -16px 32px #ffffff, inset 2px 2px 4px #fffdf5, 0 8px 32px rgba(212,175,55,.25); } .pricing-overlay.champagne-gold.dark-mode, .pricing-overlay.champagne-gold.dark-mode .pricing-modal, .pricing-overlay.champagne-gold.dark-mode .pricing-card { --neuro-bg: #2a241a; --neuro-bg-darker: #1f1a12; --neuro-shadow-dark: #151208; --neuro-shadow-light: #3a3020; --neuro-text: #f4e8d5; --neuro-text-light: #d4c8b5; --neuro-accent: #d4af37; --neuro-accent-light: #f4d03f; } /* ------ IMAGE INVERSION (Navigation only - Dark Mode) ------ */ body.champagne-gold.dark-mode .nav-item .nav-image, body.champagne-gold.dark-mode .mobile-tab img, body.champagne-gold.dark-mode .sheet-row img { filter: invert(1) brightness(1); } /* ------ ANIMATIONS ------ */ @keyframes luxuryShine{ 0%{background-position:-200% center} 100%{background-position:200% center} } @keyframes goldPulse{ 0%,100%{box-shadow:var(--shadow-raised-lg),var(--shadow-glow)} 50%{box-shadow:var(--shadow-raised-lg),var(--shadow-intense)} } @keyframes metallic-sheen{ 0%{transform:translateX(-100%) skewX(-15deg)} 100%{transform:translateX(200%) skewX(-15deg)} } @keyframes subtleFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-2px)} } /* ------ BODY BG & TEXTURES ------ */ body.champagne-gold{ background:var(--neuro-bg); color:var(--neuro-text); transition:all .5s cubic-bezier(.4,0,.2,1); position:relative; } body.champagne-gold::before{ content:""; position:fixed;inset:0;z-index:0;pointer-events:none; background-image: repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,175,55,.025) 10px,rgba(212,175,55,.025) 20px), radial-gradient(circle at 20% 80%,rgba(244,208,63,.05) 0%,transparent 50%), radial-gradient(circle at 80% 20%,rgba(212,175,55,.04) 0%,transparent 50%); } body.champagne-gold > *{position:relative;z-index:1} /* ------ ACTIVE TAB GRADIENT ------ */ body.champagne-gold .nav-item.active{ background:linear-gradient(135deg,var(--neuro-gold-dark) 0%,var(--neuro-gold) 25%,var(--neuro-gold-light) 50%,var(--neuro-gold) 75%,var(--neuro-gold-dark) 100%); background-size:200% 200%; color:#2a2318; border-color:rgba(212,175,55,.6); box-shadow:var(--shadow-inset),0 0 15px rgba(212,175,55,.4); animation:luxuryShine 3s linear infinite; will-change: box-shadow; } /* ------ PRIMARY BTN ACCENT ------ */ body.champagne-gold .btn-primary, body.champagne-gold .community-link-btn{ background:linear-gradient(135deg,var(--neuro-gold-dark) 0%,var(--neuro-gold) 25%,var(--neuro-gold-light) 50%,var(--neuro-gold) 75%,var(--neuro-gold-dark) 100%); background-size:200% 200%; color:#2a2318; animation:luxuryShine 3s linear infinite; box-shadow:var(--shadow-raised-lg),var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.4); border:1px solid rgba(212,175,55,.6); position:relative;overflow:hidden; will-change: box-shadow; } body.champagne-gold .btn-primary::after{ content:""; position:absolute;top:-50%;left:-100%;width:50%;height:200%; background:linear-gradient(90deg,transparent,rgba(244,208,63,.5),transparent); transform:skewX(-15deg); } body.champagne-gold .btn-primary:hover::after{animation:metallic-sheen 1.5s ease-in-out} body.champagne-gold .btn-primary:hover{background-position:100% 50%;box-shadow:var(--shadow-raised-lg),var(--shadow-intense),inset 0 1px 0 rgba(255,255,255,.5);transform:translateY(-2px) scale(1.02)} /* ------ HEADER BAR + CTA FOOTER (updated selectors) ------ */ body.champagne-gold .main-header.project-curiosity, body.champagne-gold .community-link-card, body.champagne-gold .dashboard-community-sanctuary, body.champagne-gold .lunar-admin-header, body.champagne-gold .solar-admin-header, body.champagne-gold .app-header, body.champagne-gold .lux-footer .lux-toggle, body.champagne-gold .lux-footer #cta-toggle{ background:linear-gradient(135deg,var(--neuro-gold-dark) 0%,var(--neuro-gold) 25%,var(--neuro-gold-light) 50%,var(--neuro-gold) 75%,var(--neuro-gold-dark) 100%); background-size:200% 200%; box-shadow:var(--shadow-raised-lg),var(--shadow-intense),inset 0 2px 0 rgba(255,255,255,.4); animation:goldPulse 6s ease-in-out infinite; border:1px solid rgba(212,175,55,.5); color:#2a2318; will-change: box-shadow; } body.champagne-gold .main-header.project-curiosity h1, body.champagne-gold .main-header.project-curiosity h3, body.champagne-gold .app-header h1, body.champagne-gold .app-header p, body.champagne-gold .lux-footer .lux-text-group{ color:#2a2318; text-shadow:0 2px 4px rgba(255,255,255,.6),0 4px 12px rgba(212,175,55,.4); font-weight:800; } /* ------ POPUP MENU TITLE FIX ------ */ body.champagne-gold #bubble-popup h3{ color:#2a2318 !important; } /* ------ MOBILE ONLY ELEMENTS ------ */ body.champagne-gold .mobile-sheet, body.champagne-gold .mobile-bottom-bar{ background:var(--neuro-bg); border-top:1px solid rgba(212,175,55,.3); } body.champagne-gold .sheet-row:active{ background:rgba(212,175,55,.08); } /* ------ RESPONSIVE ------ */ @media (max-width:768px){ body.champagne-gold{--shadow-raised:8px 8px 16px var(--neuro-shadow-dark),-6px -6px 12px var(--neuro-shadow-light)} } /* ========================================================= DARK MODE VARIANT ========================================================= */ body.champagne-gold.dark-mode { /* Dark champagne-gold palette */ --neuro-bg: #2a241a; --neuro-bg-darker: #1f1a12; --neuro-shadow-dark: #151208; --neuro-shadow-darker: #0d0a05; --neuro-shadow-light: #3a3020; --neuro-highlight: #4a4030; --neuro-text: #f4e8d5; --neuro-text-light: #d4c8b5; --neuro-text-lighter: #b4a895; /* Keep gold accents bright */ --neuro-accent: #d4af37; --neuro-accent-light: #f4d03f; --neuro-gold: #d4af37; --neuro-gold-dark: #b8941f; --neuro-gold-light: #f4d03f; /* Gold glow shadows for dark mode */ --shadow-glow: 0 0 20px rgba(212,175,55,.5), 0 0 40px rgba(212,175,55,.3); --shadow-intense: 0 0 30px rgba(212,175,55,.7), 0 0 60px rgba(212,175,55,.5); } /* Gold borders for dark mode cards */ body.champagne-gold.dark-mode .card, body.champagne-gold.dark-mode .neuro-card, body.champagne-gold.dark-mode .dashboard-gamification, body.champagne-gold.dark-mode .dashboard-quest-hub, body.champagne-gold.dark-mode .dashboard-daily-card, body.champagne-gold.dark-mode .dashboard-quote, body.champagne-gold.dark-mode .dashboard-achievements, body.champagne-gold.dark-mode .dashboard-wellness-toolkit, body.champagne-gold.dark-mode .karma-shop-balance, body.champagne-gold.dark-mode .karma-shop-item{ border:1px solid rgba(212,175,55,.4); box-shadow:var(--shadow-raised-lg), 0 0 15px rgba(212,175,55,.2); } body.champagne-gold.dark-mode .dashboard-quest-card:hover, body.champagne-gold.dark-mode .wellness-tool-btn:hover, body.champagne-gold.dark-mode .karma-shop-item:hover{ border-color:rgba(244,208,63,.6); box-shadow:var(--shadow-raised-hover), var(--shadow-glow); } /* Gold accent on active/interactive elements */ body.champagne-gold.dark-mode .nav-item.active{ border-color:rgba(212,175,55,.6); box-shadow:var(--shadow-inset-sm), 0 0 15px rgba(212,175,55,.3); } body.champagne-gold.dark-mode .btn-primary{ border:1px solid rgba(212,175,55,.6); box-shadow:var(--shadow-raised), var(--shadow-glow); } body.champagne-gold.dark-mode .btn-primary:hover{ box-shadow:var(--shadow-raised-hover), var(--shadow-intense); } /* ========================================================= CHAT-WINDOW TOKENS (append to each skin file) ========================================================= */ body.champagne-gold{ --chat-bg:var(--neuro-highlight); --chat-header-bg:var(--neuro-bg); --chat-border:1px solid rgba(212,175,55,.25); --chat-text:var(--neuro-text); --chat-accent:var(--neuro-accent); --chat-shadow:var(--shadow-raised-lg); --chat-inset:var(--shadow-inset); --chat-bot-bubble:var(--neuro-bg-darker); --chat-bot-text:var(--neuro-text) 0.95rem 500 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --chat-bg-light:var(--neuro-bg-darker); --chat-bg-disabled:var(--neuro-shadow-dark); } body.champagne-gold.dark-mode{--chat-border:1px solid rgba(212,175,55,.35);} /* ========================================================= END CHAMPAGNE-GOLD COMPLETE (updated for new CSS) ========================================================= */ /* ========================================================= COMMUNITY HUB PATCH — CHAMPAGNE GOLD ========================================================= */ body.champagne-gold { --neuro-accent-a08: rgba(212,175,55,0.08); --neuro-accent-a10: rgba(212,175,55,0.10); --neuro-accent-a20: rgba(212,175,55,0.20); --neuro-accent-a30: rgba(212,175,55,0.30); --neuro-warning-a10: rgba(200,150,11,0.10); } body.champagne-gold .presence-widget, body.champagne-gold .practice-room, body.champagne-gold .collective-card, body.champagne-gold .wave-card, body.champagne-gold .active-members-grid, body.champagne-gold .reflection, body.champagne-gold .member-card, body.champagne-gold .member-card-mini, body.champagne-gold .event-card, body.champagne-gold .campfire-welcome, body.champagne-gold .campfire-msg, body.champagne-gold .campfire-sidebar-always-visible, body.champagne-gold .campfire-input-area, body.champagne-gold .presence-sanctuary, body.champagne-gold .celestial-card-full, body.champagne-gold .celestial-card, body.champagne-gold .ps-header, body.champagne-gold .sound-settings, body.champagne-gold .safety-menu, body.champagne-gold .ps-sidebar, body.champagne-gold .chat-msg { background: var(--neuro-bg-darker); border: 1px solid rgba(212,175,55,0.35); box-shadow: var(--shadow-raised); color: var(--neuro-text); } body.champagne-gold .presence-widget:hover, body.champagne-gold .practice-room:hover, body.champagne-gold .collective-card:hover, body.champagne-gold .wave-card:hover, body.champagne-gold .member-card:hover, body.champagne-gold .event-card:hover, body.champagne-gold .celestial-card:hover { border-color: rgba(244,208,63,0.65); box-shadow: var(--shadow-raised-hover),var(--shadow-glow); } body.champagne-gold .join-btn, body.champagne-gold .join-btn-inline, body.champagne-gold .event-btn, body.champagne-gold .contrib-btn, body.champagne-gold .collective-action-btn { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold),var(--neuro-gold-light)); background-size: 200% 200%; color: #2a2318; border: 1px solid rgba(212,175,55,0.60); box-shadow: var(--shadow-raised),var(--shadow-glow); animation: luxuryShine 3s linear infinite; will-change: box-shadow; } body.champagne-gold .join-btn:hover, body.champagne-gold .join-btn-inline:hover, body.champagne-gold .event-btn:hover, body.champagne-gold .contrib-btn:hover, body.champagne-gold .collective-action-btn:hover { box-shadow: var(--shadow-raised-hover),var(--shadow-intense); } body.champagne-gold .campfire-input, body.champagne-gold .chat-input { background: var(--neuro-highlight); border: 1px solid rgba(212,175,55,0.35); color: var(--neuro-text); box-shadow: var(--shadow-inset-sm); } body.champagne-gold .campfire-input:focus, body.champagne-gold .chat-input:focus { border-color: rgba(212,175,55,0.65); outline: none; } body.champagne-gold .campfire-send, body.champagne-gold .chat-send { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold-light)); color: #2a2318; border: 1px solid rgba(212,175,55,0.50); box-shadow: var(--shadow-raised); } body.champagne-gold .campfire-send:hover, body.champagne-gold .chat-send:hover { box-shadow: var(--shadow-raised-hover),var(--shadow-glow); } body.champagne-gold .profile-hero { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-bg-darker)); border: 1px solid rgba(212,175,55,0.35); box-shadow: var(--shadow-raised-lg); } body.champagne-gold .profile-avatar { border: 3px solid rgba(212,175,55,0.65); box-shadow: 0 0 20px rgba(212,175,55,0.35); } body.champagne-gold .karma-badge { background: var(--neuro-highlight); border: 1px solid rgba(212,175,55,0.45); color: var(--neuro-gold-dark); } body.champagne-gold .role-spaceholder, body.champagne-gold .role-guide { background: var(--neuro-accent-a10); border: 1px solid rgba(212,175,55,0.45); color: var(--neuro-gold-dark); } body.champagne-gold .profile-inspiration { background: var(--neuro-bg-darker); border-left: 3px solid var(--neuro-gold); color: var(--neuro-text-light); } body.champagne-gold .ref-content { background: var(--neuro-bg-darker); border: 1px solid rgba(212,175,55,0.30); } body.champagne-gold .ref-action:hover { color: var(--neuro-gold-dark); } body.champagne-gold .ref-action:active { color: var(--neuro-gold); } body.champagne-gold .progress-fill, body.champagne-gold .prog-fill { background: linear-gradient(90deg,var(--neuro-gold-dark),var(--neuro-gold-light)); box-shadow: 0 0 8px rgba(212,175,55,0.45); } body.champagne-gold .progress-bar, body.champagne-gold .prog-bar { background: var(--neuro-bg); border: 1px solid rgba(212,175,55,0.30); box-shadow: var(--shadow-inset-sm); } body.champagne-gold .view-toggle { background: var(--neuro-bg); border: 1px solid rgba(212,175,55,0.35); box-shadow: var(--shadow-inset-sm); } body.champagne-gold .v-btn.active { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold-light)); color: #2a2318; box-shadow: 0 0 10px rgba(212,175,55,0.45); } body.champagne-gold .toggle-switch.active { background: var(--neuro-gold); } body.champagne-gold .sound-preview-btn { background: var(--neuro-bg-darker); border: 1px solid rgba(212,175,55,0.35); color: var(--neuro-gold-dark); } body.champagne-gold .sound-preview-btn:hover { border-color: rgba(212,175,55,0.65); box-shadow: 0 0 10px rgba(212,175,55,0.25); } body.champagne-gold .safety-bar { background: var(--neuro-bg-darker); border-top: 1px solid rgba(212,175,55,0.35); } body.champagne-gold .safety-btn { background: var(--neuro-bg); border: 1px solid rgba(212,175,55,0.35); color: var(--neuro-text-light); } body.champagne-gold .safety-btn:hover { border-color: rgba(212,175,55,0.65); color: var(--neuro-gold-dark); } body.champagne-gold .toast { background: var(--neuro-bg-darker); border: 1px solid rgba(212,175,55,0.55); color: var(--neuro-text); box-shadow: var(--shadow-raised-lg),var(--shadow-glow); } body.champagne-gold .ritual-card { background: var(--neuro-bg-darker); border: 2px solid rgba(212,175,55,0.55); box-shadow: var(--shadow-raised-lg),var(--shadow-glow); } body.champagne-gold .ritual-text { color: var(--neuro-text); } body.champagne-gold .ritual-btn { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold-light)); color: #2a2318; border: 1px solid rgba(212,175,55,0.55); } body.champagne-gold .celestial-time, body.champagne-gold .time-value { color: var(--neuro-gold-dark); } body.champagne-gold .next-phase, body.champagne-gold .next-season { border-top: 1px solid rgba(212,175,55,0.30); color: var(--neuro-text-light); } body.champagne-gold .moon-phase-name, body.champagne-gold .solar-season-name { color: var(--neuro-gold-dark); font-weight: 700; } body.champagne-gold .ps-leave { background: var(--neuro-bg); border: 1px solid rgba(212,175,55,0.35); color: var(--neuro-text-light); } body.champagne-gold .ps-leave:hover { border-color: rgba(212,175,55,0.65); color: var(--neuro-gold-dark); } body.champagne-gold .timer-display { color: var(--neuro-gold-dark); } body.champagne-gold .badge { background: var(--neuro-accent-a20); border: 1px solid rgba(212,175,55,0.45); color: var(--neuro-gold-dark); } body.champagne-gold .badge-tooltip { background: var(--neuro-highlight); border: 1px solid rgba(212,175,55,0.45); color: var(--neuro-text); box-shadow: var(--shadow-raised); } body.champagne-gold .member-mini-status { background: var(--neuro-gold); } body.champagne-gold .campfire-participant:hover { background: var(--neuro-accent-a08); } body.champagne-gold .event-flyer img { filter: none; } body.champagne-gold #communityHubFullscreenContainer { background: var(--neuro-bg); color: var(--neuro-text); } /* dark mode */ body.champagne-gold.dark-mode { --neuro-accent-a08: rgba(212,175,55,0.08); --neuro-accent-a10: rgba(212,175,55,0.10); --neuro-accent-a20: rgba(212,175,55,0.20); --neuro-accent-a30: rgba(212,175,55,0.30); --neuro-warning-a10: rgba(200,150,11,0.10); } body.champagne-gold.dark-mode .presence-widget, body.champagne-gold.dark-mode .practice-room, body.champagne-gold.dark-mode .collective-card, body.champagne-gold.dark-mode .wave-card, body.champagne-gold.dark-mode .active-members-grid, body.champagne-gold.dark-mode .reflection, body.champagne-gold.dark-mode .member-card, body.champagne-gold.dark-mode .member-card-mini, body.champagne-gold.dark-mode .event-card, body.champagne-gold.dark-mode .campfire-welcome, body.champagne-gold.dark-mode .campfire-msg, body.champagne-gold.dark-mode .campfire-sidebar-always-visible, body.champagne-gold.dark-mode .campfire-input-area, body.champagne-gold.dark-mode .presence-sanctuary, body.champagne-gold.dark-mode .celestial-card-full, body.champagne-gold.dark-mode .celestial-card, body.champagne-gold.dark-mode .ps-header, body.champagne-gold.dark-mode .sound-settings, body.champagne-gold.dark-mode .safety-menu, body.champagne-gold.dark-mode .ps-sidebar, body.champagne-gold.dark-mode .chat-msg { background: var(--neuro-bg-darker); border: 1px solid rgba(212,175,55,0.45); box-shadow: var(--shadow-raised); color: var(--neuro-text); } body.champagne-gold.dark-mode .presence-widget:hover, body.champagne-gold.dark-mode .practice-room:hover, body.champagne-gold.dark-mode .collective-card:hover, body.champagne-gold.dark-mode .wave-card:hover, body.champagne-gold.dark-mode .member-card:hover, body.champagne-gold.dark-mode .event-card:hover, body.champagne-gold.dark-mode .celestial-card:hover { border-color: rgba(244,208,63,0.70); box-shadow: var(--shadow-raised-hover),var(--shadow-glow); } body.champagne-gold.dark-mode .join-btn, body.champagne-gold.dark-mode .join-btn-inline, body.champagne-gold.dark-mode .event-btn, body.champagne-gold.dark-mode .contrib-btn, body.champagne-gold.dark-mode .collective-action-btn { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold),var(--neuro-gold-light)); color: #2a241a; border: 1px solid rgba(212,175,55,0.60); box-shadow: var(--shadow-raised),var(--shadow-glow); } body.champagne-gold.dark-mode .join-btn:hover, body.champagne-gold.dark-mode .event-btn:hover, body.champagne-gold.dark-mode .contrib-btn:hover { box-shadow: var(--shadow-raised-hover),var(--shadow-intense); } body.champagne-gold.dark-mode .campfire-input, body.champagne-gold.dark-mode .chat-input { background: var(--neuro-bg); border: 1px solid rgba(212,175,55,0.45); color: var(--neuro-text); } body.champagne-gold.dark-mode .campfire-send, body.champagne-gold.dark-mode .chat-send { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold-light)); color: #2a241a; border: 1px solid rgba(212,175,55,0.60); } body.champagne-gold.dark-mode .profile-avatar { border-color: rgba(212,175,55,0.70); box-shadow: 0 0 20px rgba(212,175,55,0.50); } body.champagne-gold.dark-mode .karma-badge { color: var(--neuro-gold-light); border-color: rgba(212,175,55,0.50); } body.champagne-gold.dark-mode .role-spaceholder, body.champagne-gold.dark-mode .role-guide { color: var(--neuro-gold-light); } body.champagne-gold.dark-mode .profile-inspiration { border-left-color: var(--neuro-gold); } body.champagne-gold.dark-mode .progress-fill, body.champagne-gold.dark-mode .prog-fill { background: linear-gradient(90deg,var(--neuro-gold-dark),var(--neuro-gold-light)); box-shadow: 0 0 10px rgba(212,175,55,0.50); } body.champagne-gold.dark-mode .progress-bar, body.champagne-gold.dark-mode .prog-bar { background: var(--neuro-bg); border-color: rgba(212,175,55,0.30); } body.champagne-gold.dark-mode .v-btn.active { background: linear-gradient(135deg,var(--neuro-gold-dark),var(--neuro-gold-light)); color: #2a241a; } body.champagne-gold.dark-mode .toggle-switch.active { background: var(--neuro-gold); box-shadow: 0 0 10px rgba(212,175,55,0.50); } body.champagne-gold.dark-mode .safety-bar { border-top-color: rgba(212,175,55,0.50); } body.champagne-gold.dark-mode .toast { border-color: rgba(212,175,55,0.60); box-shadow: var(--shadow-raised-lg),var(--shadow-glow); } body.champagne-gold.dark-mode .ritual-card { border-color: rgba(212,175,55,0.60); box-shadow: var(--shadow-raised-lg),var(--shadow-glow); } body.champagne-gold.dark-mode .celestial-time, body.champagne-gold.dark-mode .time-value { color: var(--neuro-gold-light); text-shadow: var(--shadow-glow); } body.champagne-gold.dark-mode .moon-phase-name, body.champagne-gold.dark-mode .solar-season-name { color: var(--neuro-gold-light); } body.champagne-gold.dark-mode .timer-display { color: var(--neuro-gold-light); text-shadow: var(--shadow-glow); } body.champagne-gold.dark-mode .badge { border-color: rgba(212,175,55,0.50); color: var(--neuro-gold-light); } body.champagne-gold.dark-mode .member-mini-status { background: var(--neuro-gold); } body.champagne-gold.dark-mode .campfire-participant:hover { background: var(--neuro-accent-a10); } body.champagne-gold.dark-mode .event-flyer img { filter: none; } body.champagne-gold.dark-mode .profile-avatar img, body.champagne-gold.dark-mode .member-mini-avatar img { filter: none; } body.champagne-gold.dark-mode #communityHubFullscreenContainer { background: var(--neuro-bg); color: var(--neuro-text); } /* ========================================================= END COMMUNITY HUB PATCH — CHAMPAGNE GOLD ========================================================= */