/* ChatMed — Light mode overrides */ /* Applied globally when [data-theme="light"] is set on */ [data-theme="light"] body::before { opacity: 0.05; } [data-theme="light"] #bg-canvas { opacity: 0.15; } /* Typography — replace all hardcoded #fff with readable dark */ [data-theme="light"] .hero-title, [data-theme="light"] .section-title, [data-theme="light"] .fcard h3, [data-theme="light"] .stat-val, [data-theme="light"] .brand-name, [data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4 { color: #1e293b; } [data-theme="light"] .hero-sub { color: #475569; } /* Nav */ [data-theme="light"] .nav-link:hover { color: #1e293b; } [data-theme="light"] .btn-ghost { background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.4); color: #475569; } [data-theme="light"] .btn-ghost:hover { background: #e2e8f0; color: #1e293b; } [data-theme="light"] .btn-hero-outline { background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.4); color: #1e293b; } [data-theme="light"] #mob-menu { background: rgba(255,255,255,0.98); } /* Feature cards */ [data-theme="light"] .fcard { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); box-shadow: 0 2px 16px rgba(0,0,0,0.06); } [data-theme="light"] .fcard:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.12); } /* Stat cards */ [data-theme="light"] .stat-card { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); box-shadow: 0 2px 12px rgba(0,0,0,0.06); } /* Widgets (dark panels inside cards) */ [data-theme="light"] .metrics-widget, [data-theme="light"] .chat-widget, [data-theme="light"] .vis-card { background: rgba(248,250,252,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .chat-header { background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .msg-bubble.ai { background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.3); color: #475569; } [data-theme="light"] .metric-bar-wrap { background: rgba(148,163,184,0.25); } [data-theme="light"] .metric-val { color: #1e293b; } /* API section */ [data-theme="light"] .api-card, [data-theme="light"] .code-block, [data-theme="light"] pre { background: #1e293b; color: #e2e8f0; } [data-theme="light"] .endpoint-row { background: rgba(248,250,252,0.9); border-color: rgba(148,163,184,0.3); } /* Compare / pricing tables */ [data-theme="light"] .compare-card, [data-theme="light"] .plan-card, [data-theme="light"] .tier-card, [data-theme="light"] .pricing-card { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); box-shadow: 0 4px 20px rgba(0,0,0,0.07); } [data-theme="light"] .plan-card.popular, [data-theme="light"] .tier-card.featured { border-color: rgba(59,130,246,0.5); } /* Features page */ [data-theme="light"] .feat-content h2, [data-theme="light"] .ov-cell h3 { color: #1e293b; } [data-theme="light"] .vis-card { background: rgba(255,255,255,0.95); } [data-theme="light"] .vis-header { background: rgba(241,245,249,0.9); } [data-theme="light"] .ov-icon { border: 1px solid rgba(148,163,184,0.3); } [data-theme="light"] .stat-pill { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); color: #1e293b; } [data-theme="light"] .stat-pill-val { color: #1e293b; } /* Sections backgrounds */ [data-theme="light"] .security-grid .sec-card, [data-theme="light"] .sec-card { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .contact-card { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); } /* Form elements */ [data-theme="light"] input, [data-theme="light"] textarea, [data-theme="light"] select { background: rgba(248,250,252,0.9); border-color: rgba(148,163,184,0.4); color: #1e293b; } [data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: #94a3b8; } [data-theme="light"] label { color: #475569; } /* Dashboard / sidebar */ [data-theme="light"] .sidebar, [data-theme="light"] .nav-item { background: rgba(248,250,252,0.95); color: #475569; } [data-theme="light"] .nav-item:hover, [data-theme="light"] .nav-item.active { background: rgba(59,130,246,0.08); color: #1e293b; } [data-theme="light"] .card { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); } /* FAQ / accordion */ [data-theme="light"] .faq-item { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .faq-q { color: #1e293b; } [data-theme="light"] .faq-a { color: #475569; } /* Footer */ [data-theme="light"] footer, [data-theme="light"] .footer { background: rgba(241,245,249,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .footer-link { color: #64748b; } /* Hero demo widget */ [data-theme="light"] .hero-demo { background: rgba(255,255,255,0.97); border-color: rgba(148,163,184,0.3); box-shadow: 0 30px 80px rgba(0,0,0,0.1); } [data-theme="light"] .demo-header { background: rgba(248,250,252,0.98); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .demo-tabs { background: rgba(248,250,252,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .demo-tab { color: #64748b; } [data-theme="light"] .demo-tab.active { color: #2563eb; border-bottom-color: #3b82f6; } [data-theme="light"] .dbubble.ai { background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.3); color: #475569; } [data-theme="light"] .demo-code { background: #1e293b; } [data-theme="light"] .dmetric-bar-wrap { background: rgba(148,163,184,0.25); } [data-theme="light"] .dmetric-val { color: #1e293b; } /* Register page left panel */ [data-theme="light"] .left-panel { background: linear-gradient(160deg, rgba(239,246,255,0.98), rgba(238,242,255,0.98)); border-right-color: rgba(148,163,184,0.25); } [data-theme="light"] .left-panel h1, [data-theme="light"] .left-panel h2 { color: #1e293b; } [data-theme="light"] .left-panel p, [data-theme="light"] .left-panel li { color: #475569; } /* Callout/alert boxes */ [data-theme="light"] .callout-info { background: rgba(239,246,255,0.8); border-color: rgba(59,130,246,0.25); } [data-theme="light"] .callout-warn { background: rgba(255,251,235,0.8); border-color: rgba(245,158,11,0.25); } [data-theme="light"] .callout-tip { background: rgba(236,253,245,0.8); border-color: rgba(16,185,129,0.25); } /* Sidebar docs */ [data-theme="light"] .sidebar { background: #f8fafc; border-color: rgba(148,163,184,0.3); } [data-theme="light"] .sidebar-link { color: #64748b; } [data-theme="light"] .sidebar-link:hover { color: #1e293b; background: rgba(59,130,246,0.05); } [data-theme="light"] .sidebar-link.active { color: #2563eb; background: rgba(59,130,246,0.07); } [data-theme="light"] .sidebar-search input { background: #fff; color: #1e293b; border-color: rgba(148,163,184,0.4); } [data-theme="light"] .tester-card, [data-theme="light"] .endpoint-card { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .tester-input { background: #f8fafc; color: #1e293b; border-color: rgba(148,163,184,0.4); } [data-theme="light"] .params-table th { background: rgba(241,245,249,0.9); } [data-theme="light"] .plan-table th, [data-theme="light"] .error-table th { background: rgba(241,245,249,0.9); } /* Nav active link (app bar on landing pages) */ [data-theme="light"] .nav-link.active { color: #1e293b !important; } [data-theme="light"] .nav-link:hover { color: #1e293b !important; } [data-theme="light"] .nav-link::after { background: #2563eb; } /* Pricing cards */ [data-theme="light"] .plan-price { color: #1e293b !important; } [data-theme="light"] .plan-price sup { color: #64748b; } [data-theme="light"] .plan-name { color: #1e293b; } [data-theme="light"] .plan-feat { color: #475569; } [data-theme="light"] .plan-period { color: #64748b; } [data-theme="light"] .plan-annual-note { color: #059669; } [data-theme="light"] .plan-desc { color: #475569; border-color: rgba(148,163,184,0.3); } /* Metric bars */ [data-theme="light"] .metric-val { color: #1e293b !important; } [data-theme="light"] .metric-name { color: #475569; } [data-theme="light"] .metric-bar-wrap { background: rgba(148,163,184,0.25); } /* Tech stack cards */ [data-theme="light"] .tech-name { color: #1e293b !important; } [data-theme="light"] .tech-desc { color: #64748b; } [data-theme="light"] .tech-card { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); } /* Security section */ [data-theme="light"] .security-inner { background: rgba(255,255,255,0.95) !important; border-color: rgba(148,163,184,0.3) !important; } [data-theme="light"] .sec-title { color: #1e293b !important; } [data-theme="light"] .sec-desc { color: #64748b; } [data-theme="light"] .sec-icon { background: rgba(59,130,246,0.08); border-color: rgba(59,130,246,0.15); color: #2563eb; } [data-theme="light"] .comp-badge { background: rgba(255,255,255,0.9); border-color: rgba(148,163,184,0.3); color: #475569; } /* CTA section */ [data-theme="light"] .cta-section { background: linear-gradient(135deg, rgba(239,246,255,0.9), rgba(238,242,255,0.9)) !important; } [data-theme="light"] .cta-title { color: #1e293b !important; } [data-theme="light"] .cta-desc { color: #475569; } /* API section */ [data-theme="light"] .endpoints-widget { background: rgba(248,250,252,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .ep-header { color: #64748b; background: rgba(241,245,249,0.9); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .ep-row { border-color: rgba(148,163,184,0.2); } [data-theme="light"] .ep-path { color: #1e293b; } [data-theme="light"] .ep-desc { color: #64748b; } [data-theme="light"] .code-header { background: #1e293b; border-color: rgba(71,85,105,0.4); } [data-theme="light"] .copy-btn { background: rgba(255,255,255,0.1); color: #94a3b8; } /* Chat widget (feature card) */ [data-theme="light"] .chat-widget { background: rgba(248,250,252,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .chat-header { background: rgba(241,245,249,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .chat-name { color: #1e293b; } [data-theme="light"] .msg-bubble.ai { background: rgba(241,245,249,0.95); border-color: rgba(148,163,184,0.3); color: #475569; } [data-theme="light"] .msg-time { color: #94a3b8; } /* Section labels and descriptions */ [data-theme="light"] .section-label { color: #2563eb; } [data-theme="light"] .section-desc { color: #475569; } [data-theme="light"] .fcard p { color: #475569; } /* Footer */ [data-theme="light"] .footer-copy { color: #64748b; } [data-theme="light"] .footer-tagline { color: #475569; } [data-theme="light"] .footer-col h4 { color: #1e293b; } [data-theme="light"] .footer-api-status { color: #475569; } /* Features page specific */ [data-theme="light"] .feat-content h2 { color: #1e293b; } [data-theme="light"] .feat-content p { color: #475569; } [data-theme="light"] .feat-item span { color: #475569; } [data-theme="light"] .feat-item strong { color: #1e293b; } [data-theme="light"] .feat-link { color: #2563eb; } [data-theme="light"] .ov-cell p { color: #475569; } [data-theme="light"] .ov-cell h3 { color: #1e293b; } /* Contact page */ [data-theme="light"] .contact-card h2 { color: #1e293b; } [data-theme="light"] .contact-card p { color: #475569; } [data-theme="light"] .contact-info-item { color: #475569; } /* Register page tabs */ [data-theme="light"] .tab-btn { color: #64748b; border-color: rgba(148,163,184,0.3); } [data-theme="light"] .tab-btn.active { color: #1e293b; border-bottom-color: #3b82f6; } [data-theme="light"] .form-input { background: rgba(248,250,252,0.9); border-color: rgba(148,163,184,0.4); color: #1e293b; } [data-theme="light"] .auth-label { color: #475569; } [data-theme="light"] .forgot-link { color: #3b82f6; } [data-theme="light"] .strength-label { color: #475569; } [data-theme="light"] .requirement { color: #64748b; } /* Dashboard specific */ [data-theme="light"] .kpi { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .kpi-val { color: #1e293b; } [data-theme="light"] .kpi-label { color: #64748b; } [data-theme="light"] .kpi-sub { color: #94a3b8; } [data-theme="light"] .plan-card { background: rgba(255,255,255,0.95); border-color: rgba(148,163,184,0.3); } [data-theme="light"] .plan-name-d { color: #1e293b; } [data-theme="light"] table th { background: rgba(241,245,249,0.95); color: #475569; border-color: rgba(148,163,184,0.3); } [data-theme="light"] table td { border-color: rgba(148,163,184,0.2); color: #475569; } [data-theme="light"] table tr:hover td { background: rgba(248,250,252,0.8); } [data-theme="light"] .callout-info { background: rgba(239,246,255,0.8); border-color: rgba(59,130,246,0.25); color: #475569; } [data-theme="light"] .field-label { color: #475569; } [data-theme="light"] .danger-zone { background: rgba(254,242,242,0.8); border-color: rgba(239,68,68,0.2); } [data-theme="light"] .danger-title { color: #dc2626; } [data-theme="light"] .danger-desc { color: #64748b; } [data-theme="light"] .page-title { color: #1e293b; } [data-theme="light"] .page-sub { color: #64748b; } [data-theme="light"] .card-title { color: #1e293b; } [data-theme="light"] .prefix { background: rgba(241,245,249,0.9); color: #1e293b; }