/* darkmode.css — Dark Theme Overrides */ /* ============================================================ Applied when is set ============================================================ */ [data-theme="dark"] { color-scheme: dark; } /* ============================================================ Base ============================================================ */ [data-theme="dark"] body { background-color: #13110E; color: #EDE8DF; } /* ============================================================ Navigation ============================================================ */ [data-theme="dark"] .site-nav { background-color: rgba(18, 15, 10, 0.97); } [data-theme="dark"] .site-nav.scrolled { border-bottom-color: rgba(184, 145, 90, 0.25); } [data-theme="dark"] .nav-logo { color: #EDE8DF; } [data-theme="dark"] .nav-links a { color: #B0A898; } [data-theme="dark"] .nav-links a:hover { color: #C8985E; } [data-theme="dark"] .nav-mobile { background-color: rgba(20, 17, 12, 0.99); border-top-color: rgba(184, 145, 90, 0.2); } [data-theme="dark"] .nav-mobile a { color: #B0A898; border-bottom-color: rgba(184, 145, 90, 0.15); } /* ============================================================ Sections ============================================================ */ [data-theme="dark"] .section { background-color: #13110E; } [data-theme="dark"] .section-alt { background-color: #1A1712; } [data-theme="dark"] .hero-section { background-color: #13110E; background-image: radial-gradient(ellipse 60vw 60vw at 100% 0%, rgba(55, 40, 15, 0.45) 0%, transparent 70%), radial-gradient(ellipse 50vw 50vw at 0% 100%, rgba(20, 35, 25, 0.35) 0%, transparent 70%); } /* ============================================================ Headings and Body Text ============================================================ */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4 { color: #EDE8DF; } [data-theme="dark"] p { color: #C0B8AD; } [data-theme="dark"] .eyebrow { color: #C8985E; } [data-theme="dark"] .lead { color: #C0B8AD; } /* ============================================================ Cards ============================================================ */ [data-theme="dark"] .card { background-color: #1E1B15; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .testimonial-card { background-color: #1E1B15; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); } [data-theme="dark"] .contact-form-wrap { background-color: #1E1B15; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); } /* ============================================================ About Section ============================================================ */ [data-theme="dark"] .stat-grid { background-color: #1A1712; } [data-theme="dark"] .stat-label { color: #7A7570; } [data-theme="dark"] .values-item { background-color: #1E1B15; color: #C0B8AD; } [data-theme="dark"] .about-image-frame, [data-theme="dark"] .hero-image-frame { background: linear-gradient(145deg, #1A1610 0%, #14180F 100%); border-color: rgba(184, 145, 90, 0.3); } [data-theme="dark"] .about-image-offset { border-color: rgba(90, 122, 100, 0.3); } /* ============================================================ Hero Floating Card ============================================================ */ [data-theme="dark"] .hero-floating-card { background-color: #1E1B15; box-shadow: 0 16px 60px rgba(0, 0, 0, 0.45); } [data-theme="dark"] .hero-card-title { color: #EDE8DF; } [data-theme="dark"] .hero-card-sub { color: #8A8580; } /* ============================================================ Badge ============================================================ */ [data-theme="dark"] .badge { background-color: #2A2218; color: #C0B8AD; } /* ============================================================ Service Cards ============================================================ */ [data-theme="dark"] .service-card h3 { color: #EDE8DF; } [data-theme="dark"] .service-icon { background-color: #1A1712; } [data-theme="dark"] .service-focus-list { border-top-color: #2A2520; } [data-theme="dark"] .service-focus-list li { color: #B0A898; } /* ============================================================ Credentials Section ============================================================ */ [data-theme="dark"] .degree-list { border-left-color: #C8985E; } [data-theme="dark"] .degree-item h4 { color: #EDE8DF; } [data-theme="dark"] .degree-institution { color: #7A7570; } [data-theme="dark"] .cert-card { background-color: #1E1B15; border-color: rgba(184, 145, 90, 0.2); } [data-theme="dark"] .cert-name { color: #EDE8DF; } [data-theme="dark"] .cert-desc { color: #7A7570; } [data-theme="dark"] .credentials-col-label { color: #7A7570; } [data-theme="dark"] .degree-description { color: #7A7570; } [data-theme="dark"] .specializations-block { border-top-color: #2A2520; } [data-theme="dark"] .spec-tag { background-color: #1E1B15; border-color: #2A2520; color: #C0B8AD; } [data-theme="dark"] .spec-note { background-color: #1A1712; color: #8A8580; border-left-color: #C8985E; } [data-theme="dark"] .theme-toggle { background-color: #1E1B15; border-color: #C8985E; } [data-theme="dark"] .theme-toggle:hover { background-color: #2A2218; border-color: #D4A870; } /* ============================================================ Mission Section — stays dark in both modes ============================================================ */ [data-theme="dark"] .mission-section { background-color: #0C0A07; } /* ============================================================ Testimonials / Google Review ============================================================ */ [data-theme="dark"] .g-reviewer-info .author-name { color: #EDE8DF; } [data-theme="dark"] .g-reviewer-info .author-role { color: #7A7570; } [data-theme="dark"] .testimonial-text { color: #C0B8AD; } [data-theme="dark"] .testimonial-author { border-top-color: #2A2520; } /* ============================================================ Contact Section ============================================================ */ [data-theme="dark"] .contact-info-box { background-color: #141810; } [data-theme="dark"] .contact-info-box p { color: #B0A898; } [data-theme="dark"] .contact-item { color: #B0A898; } [data-theme="dark"] .contact-item a { color: #B0A898; } [data-theme="dark"] .form-group label { color: #C0B8AD; } [data-theme="dark"] .form-input, [data-theme="dark"] .form-select, [data-theme="dark"] .form-textarea { background-color: #1A1712; color: #EDE8DF; border-color: #2A2520; } [data-theme="dark"] .form-input::placeholder, [data-theme="dark"] .form-textarea::placeholder { color: #5A5550; opacity: 1; } [data-theme="dark"] .form-input:focus, [data-theme="dark"] .form-select:focus, [data-theme="dark"] .form-textarea:focus { border-color: #C8985E; } [data-theme="dark"] .form-note { color: #6A6560; } /* ============================================================ Book Section ============================================================ */ [data-theme="dark"] .book-features li { color: #B0A898; } [data-theme="dark"] .book-format-note { color: #7A7570; } /* ============================================================ Footer — stays dark in both modes ============================================================ */ [data-theme="dark"] .site-footer { background-color: #0C0A07; } /* ============================================================ Cookie Banner ============================================================ */ [data-theme="dark"] .cookie-banner { background-color: #1E1B15; border-top-color: rgba(184, 145, 90, 0.2); box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4); } [data-theme="dark"] .cookie-banner-text p { color: #B0A898; } /* ============================================================ Section Dividers and Borders ============================================================ */ [data-theme="dark"] .divider-ornament::before, [data-theme="dark"] .divider-ornament::after { background-color: #C8985E; opacity: 0.3; } [data-theme="dark"] .footer-bottom { border-top-color: rgba(184, 145, 90, 0.15); } [data-theme="dark"] .footer-bottom p { color: rgba(200, 190, 175, 0.5); } [data-theme="dark"] .footer-nav a { color: rgba(200, 190, 175, 0.6); } /* ============================================================ Service card image removed — icon background only ============================================================ */ [data-theme="dark"] .service-card-img { display: none; }