/* ============================================================ Greeba Wealth - Dark theme Dark surfaces, soft blue accent, off-white text. Overrides via [data-theme="dark"] attribute on . ============================================================ */ [data-theme="dark"] { --gw-primary: #4f8cc9; --gw-primary-dark: #3a72b0; --gw-accent: #6ba3df; --gw-accent-soft: #b3cdec; --gw-ink: #e6edf3; --gw-ink-soft: #b1bac4; --gw-muted: #7d8590; --gw-line: #2a3340; --gw-line-soft: #1e2632; --gw-bg: #0d1117; --gw-bg-elevated: #161b22; --gw-bg-soft: #161b22; --gw-paper: #1e2632; --gw-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 18px 36px -12px rgba(0, 0, 0, 0.6); --gw-shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.5); } /* Body + selection */ [data-theme="dark"] body { background: var(--gw-bg); color: var(--gw-ink); } [data-theme="dark"] .gw-shell { background: var(--gw-bg); } [data-theme="dark"] .gw-shell ::selection { background: var(--gw-accent); color: var(--gw-bg); } /* Headings should be light too */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--gw-ink); } /* Nav */ [data-theme="dark"] .gw-nav { background: var(--gw-bg-elevated); border-bottom-color: var(--gw-line); } [data-theme="dark"] .gw-nav__brand { color: var(--gw-ink); } [data-theme="dark"] .gw-nav__brand-mark { background: var(--gw-accent); color: var(--gw-bg); } [data-theme="dark"] .gw-nav__brand-text span { color: var(--gw-muted); } [data-theme="dark"] .gw-nav__link { color: var(--gw-ink-soft); } [data-theme="dark"] .gw-nav__link:hover, [data-theme="dark"] .gw-nav__link.is-active { color: var(--gw-ink); } [data-theme="dark"] .gw-nav__cta { background: var(--gw-accent); color: var(--gw-bg); } [data-theme="dark"] .gw-nav__cta:hover { background: var(--gw-primary); } [data-theme="dark"] .gw-nav__toggle span { background: var(--gw-ink); } /* Hero */ [data-theme="dark"] .gw-hero { background: linear-gradient(180deg, var(--gw-bg-elevated) 0%, var(--gw-bg) 100%); border-bottom-color: var(--gw-line); } [data-theme="dark"] .gw-hero__panel { background: var(--gw-bg-elevated); border-color: var(--gw-line); } /* Trustbar (already dark base, but recolour for dark theme so it doesn't double-stack) */ [data-theme="dark"] .gw-trustbar { background: var(--gw-bg-elevated); border-bottom-color: var(--gw-line); } [data-theme="dark"] .gw-trustbar__num { color: var(--gw-accent); } [data-theme="dark"] .gw-trustbar__label { color: var(--gw-muted); } [data-theme="dark"] .gw-trustbar__item + .gw-trustbar__item::before { background: var(--gw-line); } /* Sections */ [data-theme="dark"] .gw-section--soft { background: var(--gw-bg-elevated); } /* Cards / pillars / areas */ [data-theme="dark"] .gw-area, [data-theme="dark"] .gw-pillar, [data-theme="dark"] .gw-team-card { background: var(--gw-bg-elevated); border-color: var(--gw-line); } [data-theme="dark"] .gw-area__icon { background: var(--gw-paper); color: var(--gw-accent); } [data-theme="dark"] .gw-team-card__photo { background: var(--gw-paper); } /* Island block */ [data-theme="dark"] .gw-island__media { background: var(--gw-paper); } /* Buttons */ [data-theme="dark"] .gw-btn--primary { background: var(--gw-accent); color: var(--gw-bg); } [data-theme="dark"] .gw-btn--primary:hover { background: var(--gw-primary); } [data-theme="dark"] .gw-btn--ghost { color: var(--gw-ink); border-color: var(--gw-line); } [data-theme="dark"] .gw-btn--ghost:hover { background: var(--gw-bg-elevated); } /* Links */ [data-theme="dark"] a { color: var(--gw-accent); } /* Footer */ [data-theme="dark"] .gw-foot { background: var(--gw-bg-elevated); border-top: 1px solid var(--gw-line); } [data-theme="dark"] .gw-foot__link { color: var(--gw-ink-soft); } [data-theme="dark"] .gw-foot__link:hover { color: var(--gw-ink); } [data-theme="dark"] .gw-foot__bar { border-top-color: var(--gw-line); } [data-theme="dark"] .gw-foot__hours li { color: var(--gw-ink-soft); } [data-theme="dark"] .gw-foot__hours li.is-closed { color: var(--gw-muted); } /* CTA strip */ [data-theme="dark"] .gw-cta-strip { background: var(--gw-bg-elevated); border-color: var(--gw-line); } /* FAQ */ [data-theme="dark"] .gw-faq__item { border-color: var(--gw-line); } [data-theme="dark"] .gw-faq__q { color: var(--gw-ink); } [data-theme="dark"] .gw-faq__q::after { color: var(--gw-accent); } /* Forms */ [data-theme="dark"] .gw-form { background: var(--gw-bg-elevated); border-color: var(--gw-line); } [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background: var(--gw-bg); color: var(--gw-ink); border-color: var(--gw-line); } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: var(--gw-muted); }