/* ═══════════════════════════════════════════════════════════════════════════ MARTENOVA — Light theme overrides Applied when is set. Scoped exclusively under [data-theme="light"] — zero dark-mode impact. ═══════════════════════════════════════════════════════════════════════════ */ /* ─── CSS variable overrides ─────────────────────────────────────────────── */ [data-theme="light"] { color-scheme: light; } /* ─── Base ───────────────────────────────────────────────────────────────── */ [data-theme="light"] body { background-color: #fff; color: #111; } [data-theme="light"] ::selection { background: rgba(232, 17, 45, 0.13); color: #111; } /* ─── Navigation ─────────────────────────────────────────────────────────── */ [data-theme="light"] .site-nav.scrolled { background: rgba(255, 255, 255, 0.92); border-bottom-color: rgba(0, 0, 0, 0.08); } [data-theme="light"] .site-nav .nav-logo { color: #111; } [data-theme="light"] .site-nav .nav-links a { color: #888; } [data-theme="light"] .site-nav .nav-links a:hover, [data-theme="light"] .site-nav .nav-links a.active { color: #111; } [data-theme="light"] .site-nav .nav-links a::after { background: #333; } [data-theme="light"] .site-nav .nav-hamburger span { background: #111; } /* ─── Mobile menu ────────────────────────────────────────────────────────── */ [data-theme="light"] .mobile-menu { background: #fff; } [data-theme="light"] .mobile-menu a { color: #888; } [data-theme="light"] .mobile-menu a:hover { color: #e8112d; } /* ─── Hero ───────────────────────────────────────────────────────────────── */ [data-theme="light"] .hero { background: #fff; } [data-theme="light"] .hero::before { background: radial-gradient(circle, rgba(232, 17, 45, 0.05), transparent 70%); } [data-theme="light"] .hero::after { background: radial-gradient( circle, rgba(200, 50, 200, 0.03), transparent 70% ); } [data-theme="light"] .hero .hero-eyebrow .eyebrow-text { color: #aaa; } [data-theme="light"] .hero .hero-eyebrow .eyebrow-divider { background: #aaa; } [data-theme="light"] .hero .hero-title { color: #111; } [data-theme="light"] .hero .hero-rule { background: rgba(0, 0, 0, 0.07); } [data-theme="light"] .hero .hero-sub { color: #555; } /* ─── Buttons ────────────────────────────────────────────────────────────── */ [data-theme="light"] .btn.btn-ghost { color: #555; border-color: rgba(0, 0, 0, 0.15); box-shadow: none; } [data-theme="light"] .btn.btn-ghost:hover { color: #111; border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } /* ─── Availability strip ─────────────────────────────────────────────────── */ [data-theme="light"] .availability-strip { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .availability-grid { background: rgba(0, 0, 0, 0.04); } [data-theme="light"] .avail-item { background: #fff; } [data-theme="light"] .avail-item .avail-icon { color: #333; } [data-theme="light"] .avail-item .avail-text .avail-value { color: #111; } [data-theme="light"] .avail-item .avail-text .avail-label { color: #777; } [data-theme="light"] .avail-item:hover .avail-icon svg { color: #e8112d; } /* ─── Section typography ─────────────────────────────────────────────────── */ [data-theme="light"] .section-label { color: #aaa; } [data-theme="light"] .section-title { color: #111; } [data-theme="light"] .section-body { color: #555; } /* ─── Services section ───────────────────────────────────────────────────── */ [data-theme="light"] .services-section { background: #f7f5f3; } [data-theme="light"] .services-section::before { background: rgba(0, 0, 0, 0.05); } [data-theme="light"] .services-grid { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .service-card { background: #fff; } [data-theme="light"] .service-card:hover { background: #f4f2f0; } [data-theme="light"] .service-card .service-num { color: #ccc; } [data-theme="light"] .service-card .service-name { color: #111; } [data-theme="light"] .service-card .service-desc { color: #666; } [data-theme="light"] .service-card .service-icon svg { color: #e8112d; opacity: 0.65; } [data-theme="light"] .service-card:hover .service-icon svg { opacity: 1; } [data-theme="light"] .service-card .tag { border-color: rgba(0, 0, 0, 0.1); color: #777; } [data-theme="light"] .service-card:hover .tag { border-color: rgba(232, 17, 45, 0.25); color: #444; } [data-theme="light"] .service-card .service-arrow { color: #e8112d; } [data-theme="light"] .service-card::before { background: radial-gradient( circle at var(--glow-x) var(--glow-y), rgba(232, 17, 45, 0.05), transparent 65% ); } /* ─── For whom ───────────────────────────────────────────────────────────── */ [data-theme="light"] .for-whom-grid { background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .for-whom-card { background: #fff; } [data-theme="light"] .for-whom-card:hover { background: #f4f2f0; } [data-theme="light"] .for-whom-card .fw-eyebrow { color: #bbb; } [data-theme="light"] .for-whom-card h3 { color: #111; } [data-theme="light"] .for-whom-card p { color: #666; } [data-theme="light"] .for-whom-card .fw-icon svg { color: #e8112d; } [data-theme="light"] .for-whom-card::before { opacity: 0.35; } [data-theme="light"] .for-whom-card:hover::before { opacity: 0.65; } /* ─── Why section ────────────────────────────────────────────────────────── */ [data-theme="light"] .why-section { background: #f7f5f3; border-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .why-features { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .why-feature { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .why-feature:hover { background: #edecea; } [data-theme="light"] .why-feature .feature-icon { color: #333; } [data-theme="light"] .why-feature .feature-text h3 { color: #111; } [data-theme="light"] .why-feature .feature-text p { color: #666; } [data-theme="light"] .why-feature:hover .feature-icon svg { color: #e8112d; } /* ─── Tech marquee ───────────────────────────────────────────────────────── */ [data-theme="light"] .tech-section { border-color: rgba(0, 0, 0, 0.07); background: #fff; } [data-theme="light"] .tech-pill { background: #f7f5f3; border-color: rgba(0, 0, 0, 0.08); color: #777; } [data-theme="light"] .tech-pill .dot { background: #bbb; } [data-theme="light"] .tech-pill:hover { border-color: rgba(0, 0, 0, 0.2); color: #333; } /* ─── 30 days section ────────────────────────────────────────────────────── */ [data-theme="light"] .thirty-section { background: #f7f5f3; } [data-theme="light"] .thirty-section::before { background: rgba(0, 0, 0, 0.05); } [data-theme="light"] .thirty-steps { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .thirty-step { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .thirty-step:hover { background: #edecea; } [data-theme="light"] .thirty-step .step-period { color: #bbb; } [data-theme="light"] .thirty-step h3 { color: #111; } [data-theme="light"] .thirty-step p { color: #666; } /* ─── CTA section ────────────────────────────────────────────────────────── */ [data-theme="light"] .cta-section { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .cta-section .cta-title { color: #111; } [data-theme="light"] .cta-section .cta-sub { color: #666; } /* ─── Footer ─────────────────────────────────────────────────────────────── */ [data-theme="light"] .site-footer { background: #f0eeeb; border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .footer-statement { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .footer-statement .statement-kicker { color: #e8112d; } [data-theme="light"] .footer-statement .statement-quote { color: #111; } [data-theme="light"] .footer-statement .meta-item .meta-value { color: #111; } [data-theme="light"] .footer-statement .meta-item .meta-label { color: #aaa; } [data-theme="light"] .footer-body { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .footer-brand .footer-logo { color: #111; } [data-theme="light"] .footer-brand .footer-tagline { color: #666; } [data-theme="light"] .footer-brand .social-icon { border-color: rgba(0, 0, 0, 0.12); color: #aaa; } [data-theme="light"] .footer-brand .social-icon:hover { border-color: #e8112d; color: #e8112d; } [data-theme="light"] .footer-col h4 { color: #333; } [data-theme="light"] .footer-col ul li a { color: #888; } [data-theme="light"] .footer-col ul li a:hover { color: #111; } [data-theme="light"] .footer-trust { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .footer-trust .trust-label, [data-theme="light"] .footer-trust .trust-item { color: #bbb; } [data-theme="light"] .footer-trust .trust-sep { color: #ccc; } [data-theme="light"] .footer-bottom .footer-copy { color: #bbb; } [data-theme="light"] .footer-bottom .footer-legal a { color: #bbb; } [data-theme="light"] .footer-bottom .footer-legal a:hover { color: #888; } /* ─── Page headers (inner pages) ─────────────────────────────────────────── */ [data-theme="light"] .page-header { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .page-header .breadcrumb { color: #bbb; } [data-theme="light"] .page-header .breadcrumb a { color: #bbb; } [data-theme="light"] .page-header .breadcrumb a:hover { color: #888; } /* ─── Contact & forms ────────────────────────────────────────────────────── */ [data-theme="light"] .contact-info .contact-detail { border-color: rgba(0, 0, 0, 0.07); } [data-theme="light"] .contact-info .contact-detail .detail-icon { color: #bbb; } [data-theme="light"] .contact-info .contact-detail .detail-text .label { color: #bbb; } [data-theme="light"] .contact-info .contact-detail .detail-text .value { color: #333; } [data-theme="light"] .form-group label { color: #aaa; } [data-theme="light"] .form-group input, [data-theme="light"] .form-group textarea, [data-theme="light"] .form-group select { background: #f7f5f3; border-color: rgba(0, 0, 0, 0.12); color: #111; } [data-theme="light"] .form-group input::placeholder, [data-theme="light"] .form-group textarea::placeholder { color: #ccc; } [data-theme="light"] .form-group input:focus, [data-theme="light"] .form-group textarea:focus, [data-theme="light"] .form-group select:focus { border-color: rgba(0, 0, 0, 0.25); background: #fff; } [data-theme="light"] .faq-list { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .faq-list .faq-item { background: #fff; } [data-theme="light"] .faq-list .faq-item:hover { background: #f4f2f0; } [data-theme="light"] .faq-list .faq-item h3 { color: #111; } [data-theme="light"] .faq-list .faq-item p { color: #666; } /* ─── About: stats, team, mission ───────────────────────────────────────── */ [data-theme="light"] .stats-grid { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .stat-item { background: #fff; } [data-theme="light"] .stat-item:hover { background: #f4f2f0; } [data-theme="light"] .stat-item .stat-value { color: #111; } [data-theme="light"] .stat-item .stat-label { color: #bbb; } [data-theme="light"] .team-section .team-grid { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .team-section .team-card { background: #fff; } [data-theme="light"] .team-section .team-card:hover { background: #f4f2f0; } [data-theme="light"] .team-section .team-card .team-avatar { background: #f0eeeb; color: #ccc; border-color: rgba(0, 0, 0, 0.06); } [data-theme="light"] .team-section .team-card .team-info h3 { color: #111; } [data-theme="light"] .team-section .team-card .team-info .role { color: #bbb; } [data-theme="light"] .team-section .team-card .team-info p { color: #666; } [data-theme="light"] .about-mission { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .about-mission .mission-block { background: #fff; } [data-theme="light"] .about-mission .mission-block:hover { background: #f4f2f0; } [data-theme="light"] .about-mission .mission-block .mission-label { color: #bbb; } [data-theme="light"] .about-mission .mission-block h3 { color: #111; } [data-theme="light"] .about-mission .mission-block p { color: #666; } /* ─── Services detail ────────────────────────────────────────────────────── */ [data-theme="light"] .service-detail-grid { background: rgba(0, 0, 0, 0.04); border-color: rgba(0, 0, 0, 0.05); } [data-theme="light"] .service-detail-card { background: #fff; } [data-theme="light"] .service-detail-card:hover { background: #f4f2f0; } [data-theme="light"] .service-detail-card .sdc-icon svg { color: #333; } [data-theme="light"] .service-detail-card:hover .sdc-icon svg { color: #e8112d; } [data-theme="light"] .service-detail-card h3 { color: #111; } [data-theme="light"] .service-detail-card p { color: #666; } [data-theme="light"] .service-detail-card .sdc-list li { color: #666; } [data-theme="light"] .service-detail-card .sdc-list li::before { color: #ccc; } /* ─── CSS variable overrides (fixes all var(--bg-surface) inline styles) ── */ [data-theme="light"] { --bg-deep: #ffffff; --bg-surface: #f7f5f3; --bg-card: #ffffff; --bg-raised: #f0eeeb; --text-primary: #111111; --text-muted: #555566; --text-dim: #888899; } [data-theme="light"] .svc-hero .breadcrumb a { color: #999; } [data-theme="light"] .svc-hero .breadcrumb { color: #bbb; }