/* Dark mode. Generated by .tools/gen-dark-css.py from the light stylesheets: edit those (or .tools/dark-extra.css) and run it again. */

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #F3F5F8;
  --text: #C9D1DC;
  --mute: #98A2B0;
  --rule: #262B33;
  --wash: #14171C;
  --brand: #5A9BE0;
  --brand-ink: #8FB8E6;
  --night: #0B0D11;
}
html[data-theme="dark"] body { background: #111419; color: var(--text); }


/* ---------- from assets/css/style.css ---------- */
:where(html[data-theme="dark"]) #preloader { background: #111419; }
:where(html[data-theme="dark"]) #header .logo a { color: #E4E4E4; }
:where(html[data-theme="dark"]) #header .logo a span { color: #72A8DF; }
:where(html[data-theme="dark"]) .navbar a:hover,
:where(html[data-theme="dark"]) .navbar .active,
:where(html[data-theme="dark"]) .navbar .active:focus,
:where(html[data-theme="dark"]) .navbar li:hover>a { color: #72A8DF; }
:where(html[data-theme="dark"]) .navbar .dropdown ul { background: #111419; }
:where(html[data-theme="dark"]) .navbar .dropdown ul a:hover,
:where(html[data-theme="dark"]) .navbar .dropdown ul .active:hover,
:where(html[data-theme="dark"]) .navbar .dropdown ul li:hover>a { color: #72A8DF; }
:where(html[data-theme="dark"]) .mobile-nav-toggle { color: #E4E4E4; }
:where(html[data-theme="dark"]) .navbar-mobile ul { background-color: #111419; }
:where(html[data-theme="dark"]) .navbar-mobile a,
:where(html[data-theme="dark"]) .navbar-mobile a:focus { color: #E4E4E4; }
:where(html[data-theme="dark"]) .navbar-mobile a:hover,
:where(html[data-theme="dark"]) .navbar-mobile .active,
:where(html[data-theme="dark"]) .navbar-mobile li:hover>a { color: #72A8DF; }
:where(html[data-theme="dark"]) .navbar-mobile .dropdown ul { background: #111419; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .navbar-mobile .dropdown ul a:hover,
:where(html[data-theme="dark"]) .navbar-mobile .dropdown ul .active:hover,
:where(html[data-theme="dark"]) .navbar-mobile .dropdown ul li:hover>a { color: #72A8DF; }
:where(html[data-theme="dark"]) #hero:before { background: rgba(21, 21, 21, 0.6); }
:where(html[data-theme="dark"]) .hero-grid-layer { background-image: linear-gradient(rgba(21, 21, 21, 0.24) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 21, 21, 0.24) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(21, 21, 21, 0.2), transparent 60%); }
:where(html[data-theme="dark"]) #hero h1 { color: #E4E4E4; }
:where(html[data-theme="dark"]) #hero h1 span { color: #72A8DF; }
:where(html[data-theme="dark"]) #hero h2 { color: #BBBBBB; }
:where(html[data-theme="dark"]) #hero .btn-watch-video { color: #E4E4E4; }
:where(html[data-theme="dark"]) #hero .btn-watch-video i { color: #72A8DF; }
:where(html[data-theme="dark"]) #hero .btn-watch-video:hover { color: #72A8DF; }
:where(html[data-theme="dark"]) #hero .btn-watch-video:hover i { color: #5C9EF4; }
:where(html[data-theme="dark"]) .section-title h2 { background: #121B27; color: #72A8DF; }
:where(html[data-theme="dark"]) .breadcrumbs { background-color: #101722; }
:where(html[data-theme="dark"]) .breadcrumbs ol li+li::before { color: #9BA2A9; }
:where(html[data-theme="dark"]) .featured-solutions .icon-box { background: #111419; box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .featured-solutions .icon-box::before { background: #172332; }
:where(html[data-theme="dark"]) .featured-solutions .icon i { color: #72A8DF; }
:where(html[data-theme="dark"]) .featured-solutions .title a { color: #F1F1F1; }
:where(html[data-theme="dark"]) .about .content ul i { background: #111419; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4); color: #72A8DF; }
:where(html[data-theme="dark"]) .about .content ul h5 { color: #BBBBBB; }
:where(html[data-theme="dark"]) .skills .progress .skill { color: #E4E4E4; }
:where(html[data-theme="dark"]) .skills .progress-bar-wrap { background: #131D28; }
:where(html[data-theme="dark"]) .counts .count-box { background: #101722; }
:where(html[data-theme="dark"]) .counts .count-box i { border: 5px solid #111419; }
:where(html[data-theme="dark"]) .counts .count-box span { color: #B6D4FA; }
:where(html[data-theme="dark"]) .solutions .icon-box { border: 1px solid #131D28; background: #111419; }
:where(html[data-theme="dark"]) .solutions .icon-box .icon { background: #101722; border: 1px solid #141D2A; }
:where(html[data-theme="dark"]) .solutions .icon-box .icon i { color: #5C9EF4; }
:where(html[data-theme="dark"]) .solutions .icon-box h4 a { color: #E4E4E4; }
:where(html[data-theme="dark"]) .solutions .icon-box:hover { border-color: #111419; box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .solutions .icon-box:hover h4 a,
:where(html[data-theme="dark"]) .solutions .icon-box:hover .icon i { color: #72A8DF; }
:where(html[data-theme="dark"]) .testimonials .testimonial-item .testimonial-img { border: 6px solid rgba(21, 21, 21, 0.15); }
:where(html[data-theme="dark"]) .testimonials .swiper-pagination .swiper-pagination-bullet { background-color: rgba(21, 21, 21, 0.5); }
:where(html[data-theme="dark"]) .portfolio #portfolio-flters li { color: #C9C9C9; }
:where(html[data-theme="dark"]) .portfolio #portfolio-flters li:hover,
:where(html[data-theme="dark"]) .portfolio #portfolio-flters li.filter-active { color: #72A8DF; }
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info { background: rgba(21, 21, 21, 0.9); }
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info h4 { color: #E4E4E4; }
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info p { color: #BBBBBB; }
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info .preview-link,
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info .details-link { color: #CFCFCF; }
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info .preview-link:hover,
:where(html[data-theme="dark"]) .portfolio .portfolio-item .portfolio-info .details-link:hover { color: #72A8DF; }
:where(html[data-theme="dark"]) .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { background-color: #111419; }
:where(html[data-theme="dark"]) .portfolio-details .portfolio-info { box-shadow: 0px 0 30px rgba(0, 0, 0, 0.3); }
:where(html[data-theme="dark"]) .portfolio-details .portfolio-info h3 { border-bottom: 1px solid #1F1F1F; }
:where(html[data-theme="dark"]) .team .member .member-info p { color: #A0A0A0; }
:where(html[data-theme="dark"]) .pricing .box { background: #111419; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .pricing .box h3 { color: #A0A0A0; background: #191919; }
:where(html[data-theme="dark"]) .pricing .box h4 { color: #72A8DF; }
:where(html[data-theme="dark"]) .pricing .box ul { color: #C9C9C9; }
:where(html[data-theme="dark"]) .pricing .box ul i { color: #72A8DF; }
:where(html[data-theme="dark"]) .pricing .btn-wrap { background: #191919; }
:where(html[data-theme="dark"]) .faq .faq-list li { border-bottom: 1px solid #16202E; }
:where(html[data-theme="dark"]) .faq .faq-list .question { color: #6AA6F5; }
:where(html[data-theme="dark"]) .faq .faq-list .collapsed { color: #FFFFFF; }
:where(html[data-theme="dark"]) .faq .faq-list .collapsed:hover { color: #72A8DF; }
:where(html[data-theme="dark"]) .contact .info-box { color: #C9C9C9; }
:where(html[data-theme="dark"]) .contact .info-box i { color: #72A8DF; border: 2px dotted #1C293B; }
:where(html[data-theme="dark"]) .contact .info-box h3 { color: #A0A0A0; }
:where(html[data-theme="dark"]) .contact .php-email-form { box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .contact .php-email-form .loading { background: #111419; }
:where(html[data-theme="dark"]) .contact .php-email-form .loading:before { border-top-color: #1F1F1F; }
:where(html[data-theme="dark"]) #footer { background: #101722; color: #C9C9C9; }
:where(html[data-theme="dark"]) #footer .footer-newsletter { background: #101722; }
:where(html[data-theme="dark"]) #footer .footer-newsletter form { background: #111419; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); }
:where(html[data-theme="dark"]) #footer .footer-newsletter form input[type=submit] { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) #footer .footer-top .footer-contact h3 span { color: #72A8DF; }
:where(html[data-theme="dark"]) #footer .footer-top .footer-contact p { color: #A0A0A0; }
:where(html[data-theme="dark"]) #footer .footer-top .footer-links ul i { color: #72A8DF; }
:where(html[data-theme="dark"]) #footer .footer-top .footer-links ul a { color: #A0A0A0; }
:where(html[data-theme="dark"]) #footer .footer-top .footer-links ul a:hover { color: #72A8DF; }
:where(html[data-theme="dark"]) #footer .credits { color: #C9C9C9; }
:where(html[data-theme="dark"]) .integrations .integration-category { background: #111419; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25); border: 1px solid #151B21; }
:where(html[data-theme="dark"]) .integrations .integration-category:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .integrations .category-header { border-bottom: 1px solid #1A1D1E; }
:where(html[data-theme="dark"]) .integrations .category-icon { color: #72A8DF; }
:where(html[data-theme="dark"]) .integrations .category-header h4 { color: #AFC6DC; }
:where(html[data-theme="dark"]) .integrations .category-subtitle { color: #9BA2A9; }
:where(html[data-theme="dark"]) .integrations .integration-item { background: #12171B; border: 1px solid #1A1D1E; }
:where(html[data-theme="dark"]) .integrations .integration-item:hover { background: #101A22; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .integrations .integration-logo { background: #111419; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
:where(html[data-theme="dark"]) .integrations .integration-info h6 { color: #AFC6DC; }
:where(html[data-theme="dark"]) .integrations .integration-info small { color: #9BA2A9; }
:where(html[data-theme="dark"]) .integrations .integration-cta { background: #12171B; border: 1px dashed #222528; }
:where(html[data-theme="dark"]) .integrations .integration-cta:hover { background: #101A22; }
:where(html[data-theme="dark"]) .integrations .btn-primary:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .technology-stack .section-title p { color: #9BA2A9; }
:where(html[data-theme="dark"]) .tech-category .category-icon { background: linear-gradient(135deg, #101A22 0%, #121C26 100%); border: 1px solid #1A2E32; }
:where(html[data-theme="dark"]) .tech-category .category-header h4 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .tech-category .category-subtitle { color: #9BA2A9; }
:where(html[data-theme="dark"]) .tech-item:hover { background: linear-gradient(135deg, #101A22 0%, #111419 100%); }
:where(html[data-theme="dark"]) .tech-logo { background: #16181B; border: 1px solid #1D2023; }
:where(html[data-theme="dark"]) .tech-info h6 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .tech-info small { color: #9BA2A9; }
:where(html[data-theme="dark"]) .tech-benefits { background: linear-gradient(135deg, #16181B 0%, #111419 100%); border: 1px dashed #222528; }
:where(html[data-theme="dark"]) .tech-benefits h5 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .benefit-item h6 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .benefit-item p { color: #9BA2A9; }
:where(html[data-theme="dark"]) .partner-badge-footer .partner-badge-img { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .ahk-member-badge-footer .ahk-badge-img { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }

/* ---------- from index.html <style> ---------- */
:where(html[data-theme="dark"]) .custom-color { color: #72A8DF; }
:where(html[data-theme="dark"]) .integration-logo { background: #111419; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

/* ---------- from posts.html <style> ---------- */
:where(html[data-theme="dark"]) .blog-post-card { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .blog-post-card:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.475); }
:where(html[data-theme="dark"]) .blog-post-date { color: #9BA2A9; }
:where(html[data-theme="dark"]) .read-more-btn { color: #72A8DF; }
:where(html[data-theme="dark"]) .read-more-btn:hover { color: #79ACDF; }

/* ---------- from post/1.html <style> ---------- */
:where(html[data-theme="dark"]) .post-content { color: #C9C9C9; }
:where(html[data-theme="dark"]) .post-content h3 { color: #72A8DF; }
:where(html[data-theme="dark"]) .post-content h4 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .post-category { background: rgba(21, 21, 21, 0.2); }
:where(html[data-theme="dark"]) .stats-box { background: #16181B; }
:where(html[data-theme="dark"]) .stat-number { color: #72A8DF; }
:where(html[data-theme="dark"]) .stat-label { color: #9BA2A9; }
:where(html[data-theme="dark"]) .highlight-box { background: #121C25; }
:where(html[data-theme="dark"]) .quote-box { background: #16181B; }
:where(html[data-theme="dark"]) .quote-box::before { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog:hover { color: #79ACDF; }

/* ---------- from post/2.html <style> ---------- */
:where(html[data-theme="dark"]) .post-content { color: #C9C9C9; }
:where(html[data-theme="dark"]) .post-content h3 { color: #72A8DF; }
:where(html[data-theme="dark"]) .post-content h4 { color: #72A8DF; }
:where(html[data-theme="dark"]) .post-content strong,
:where(html[data-theme="dark"]) .post-content b { color: #72A8DF; }
:where(html[data-theme="dark"]) .quote-author { color: #C9C9C9; }
:where(html[data-theme="dark"]) .post-category { background: rgba(21, 21, 21, 0.2); }
:where(html[data-theme="dark"]) .quote-box { background: #16181B; }
:where(html[data-theme="dark"]) .quote-box::before { color: #72A8DF; }
:where(html[data-theme="dark"]) .highlight-box { background: #121C25; }
:where(html[data-theme="dark"]) .back-to-blog { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog:hover { color: #79ACDF; }

/* ---------- from post/3.html <style> ---------- */
:where(html[data-theme="dark"]) .post-content { color: #C9C9C9; }
:where(html[data-theme="dark"]) .post-content h3 { color: #72A8DF; }
:where(html[data-theme="dark"]) .post-content h4 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .post-category { background: rgba(21, 21, 21, 0.2); }
:where(html[data-theme="dark"]) .stats-box { background: #16181B; }
:where(html[data-theme="dark"]) .stat-number { color: #72A8DF; }
:where(html[data-theme="dark"]) .stat-label { color: #9BA2A9; }
:where(html[data-theme="dark"]) .highlight-box { background: #121C25; }
:where(html[data-theme="dark"]) .quote-box { background: #16181B; }
:where(html[data-theme="dark"]) .quote-box::before { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog:hover { color: #79ACDF; }

/* ---------- from post/4.html <style> ---------- */
:where(html[data-theme="dark"]) .post-content { color: #C9C9C9; }
:where(html[data-theme="dark"]) .post-content h3 { color: #72A8DF; }
:where(html[data-theme="dark"]) .post-content h4 { color: #BFCDDC; }
:where(html[data-theme="dark"]) .post-category { background: rgba(21, 21, 21, 0.2); }
:where(html[data-theme="dark"]) .highlight-box { background: #121C25; }
:where(html[data-theme="dark"]) .module-card { background: linear-gradient(135deg, #101822, #111419); border: 1px solid #15212D; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225); }
:where(html[data-theme="dark"]) .post-content .module-card h4 { color: #79ACDF; }
:where(html[data-theme="dark"]) .module-card h4 i { background: #131F29; }
:where(html[data-theme="dark"]) .interview-answer { border-top: 2px solid #15212D; }
:where(html[data-theme="dark"]) .post-content .interview-answer h3 { color: #79ACDF; }
:where(html[data-theme="dark"]) .quote-box { background: #16181B; }
:where(html[data-theme="dark"]) .quote-box::before { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog { color: #72A8DF; }
:where(html[data-theme="dark"]) .back-to-blog:hover { color: #79ACDF; }

/* ---------- from assets/css/enterprise.css ---------- */
:where(html[data-theme="dark"]) body { background: #111419; }
:where(html[data-theme="dark"]) #header { background: #111419; }
:where(html[data-theme="dark"]) .navbar .dropdown ul { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .btn-primary,
:where(html[data-theme="dark"]) .ax-btn-dark { color: #111419; }
:where(html[data-theme="dark"]) .btn-outline-primary,
:where(html[data-theme="dark"]) .ax-btn-light { background: #111419; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
:where(html[data-theme="dark"]) .btn-outline-primary:hover,
:where(html[data-theme="dark"]) .ax-btn-light:hover { border-color: #27292E; }
:where(html[data-theme="dark"]) .feature-card,
:where(html[data-theme="dark"]) .audience-card,
:where(html[data-theme="dark"]) .stat-card,
:where(html[data-theme="dark"]) .tech-category,
:where(html[data-theme="dark"]) .tech-item,
:where(html[data-theme="dark"]) .atlas-card,
:where(html[data-theme="dark"]) .integration-category,
:where(html[data-theme="dark"]) .integration-item,
:where(html[data-theme="dark"]) .docs-callout,
:where(html[data-theme="dark"]) .showcase-card,
:where(html[data-theme="dark"]) .dv-card,
:where(html[data-theme="dark"]) .icon-box,
:where(html[data-theme="dark"]) .member,
:where(html[data-theme="dark"]) .info-box,
:where(html[data-theme="dark"]) .php-email-form,
:where(html[data-theme="dark"]) .contact .info-box,
:where(html[data-theme="dark"]) .services .icon-box { background: #111419; }
:where(html[data-theme="dark"]) .feature-card:hover,
:where(html[data-theme="dark"]) .audience-card:hover,
:where(html[data-theme="dark"]) .stat-card:hover,
:where(html[data-theme="dark"]) .atlas-card:hover,
:where(html[data-theme="dark"]) .dv-card:hover,
:where(html[data-theme="dark"]) .icon-box:hover,
:where(html[data-theme="dark"]) .tech-category:hover,
:where(html[data-theme="dark"]) .tech-item:hover,
:where(html[data-theme="dark"]) .integration-category:hover,
:where(html[data-theme="dark"]) .integration-item:hover { border-color: #292C31; }
:where(html[data-theme="dark"]) .dv-band .btn-primary { background: #111419 !important; border-color: #111419 !important; }
:where(html[data-theme="dark"]) .dv-card .btn-primary,
:where(html[data-theme="dark"]) .dv-card.mcp .btn-primary { color: #111419 !important; }
:where(html[data-theme="dark"]) #footer .footer-top { background: #111419; }
:where(html[data-theme="dark"]) #hero.ax-hero { background: #111419; }
:where(html[data-theme="dark"]) .ax-stage { background: linear-gradient(180deg, rgba(15, 23, 33, 0.0) 0%, rgba(17, 26, 36, 0.85) 30%, #131E29 100%); }
:where(html[data-theme="dark"]) .ax-app { background: #111419; border: 1px solid #21242A; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); }
:where(html[data-theme="dark"]) .ax-run { color: #111419; }
:where(html[data-theme="dark"]) .ax-run.is-hot { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.55); }
:where(html[data-theme="dark"]) .ax-editor .t-c { color: #919AA6; }
:where(html[data-theme="dark"]) .ax-result-area { fill: rgba(114, 168, 223, 0.12); }
:where(html[data-theme="dark"]) .ax-lvl { border-bottom: 1px solid #181B1F; }
:where(html[data-theme="dark"]) .ax-lvl .p.b { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-tape li { border-bottom: 1px solid #181B1F; }
:where(html[data-theme="dark"]) .ax-tape li.is-buy span:last-child { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-alerts li { background: #111419; }
:where(html[data-theme="dark"]) .ax-alerts li.sev-crit > i { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .ax-alerts li.is-ack em { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-live i { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-table tr.is-warn td { background: #241B11; }
:where(html[data-theme="dark"]) .ax-card { background: #111419; }
:where(html[data-theme="dark"]) .ax-tablist button[aria-selected="true"] { background: #111419; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--rule); }
:where(html[data-theme="dark"]) .ax-shot img { filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35)); }
:where(html[data-theme="dark"]) .ax-code .c { color: #87909C; }
:where(html[data-theme="dark"]) #solution.section-bg { background: #111419; }
:where(html[data-theme="dark"]) .ax-int-card { background: #111419; }
:where(html[data-theme="dark"]) .breadcrumbs { background: #111419; }
:where(html[data-theme="dark"]) .api-page-hero,
:where(html[data-theme="dark"]) .mcp-page-hero { background: #111419; }
:where(html[data-theme="dark"]) .api-chip,
:where(html[data-theme="dark"]) .mcp-chip { background: #111419 !important; }
:where(html[data-theme="dark"]) .terminal-window,
:where(html[data-theme="dark"]) .chat-window { box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important; }
:where(html[data-theme="dark"]) .mcp-card,
:where(html[data-theme="dark"]) .docs-callout-api,
:where(html[data-theme="dark"]) .endpoint-table .card,
:where(html[data-theme="dark"]) .tool-table .card,
:where(html[data-theme="dark"]) .client-tile { background: #111419; }
:where(html[data-theme="dark"]) .mcp-card:hover,
:where(html[data-theme="dark"]) .feature-card:hover { border-color: #292C31 !important; }
:where(html[data-theme="dark"]) .code-tabs .nav-link.active { color: #111419 !important; }
:where(html[data-theme="dark"]) .endpoint-table .grp td,
:where(html[data-theme="dark"]) .tool-table .grp td { background: #111419 !important; }
:where(html[data-theme="dark"]) .mcp-arch .node p,
:where(html[data-theme="dark"]) .mcp-arch .node small { color: #788495 !important; }
:where(html[data-theme="dark"]) .ax-cta-dark .btn-primary { background: #111419; border-color: #111419; }
:where(html[data-theme="dark"]) .ax-series li { border-bottom: 1px solid #181B1F; }
:where(html[data-theme="dark"]) .ax-fan { background: #111419; }
:where(html[data-theme="dark"]) .ax-app-bar { background: #111419; }
:where(html[data-theme="dark"]) .ax-app-side .ax-card { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
:where(html[data-theme="dark"]) .ax-app.is-in .ax-app-side .ax-card { box-shadow: 0 28px 60px rgba(0, 0, 0, 0.6), 0 6px 14px rgba(0, 0, 0, 0.25); }
@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
  :where(html[data-theme="dark"]) .ax-scrolly .ax-visual { border: 1px solid #181F28; background: repeating-linear-gradient(90deg, rgba(61, 135, 211, .07) 0 1px, transparent 1px 14px),
        linear-gradient(180deg, #0F1721, #131C27); }
  :where(html[data-theme="dark"]) .ax-scrolly .ax-visual .ax-shot img { filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.5)); }
  :where(html[data-theme="dark"]) .ax-scrolly .ax-visual .ax-code { box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6); }
}
:where(html[data-theme="dark"]) .ax-vcard { background: #111419; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 6px 14px rgba(0, 0, 0, 0.25); }
:where(html[data-theme="dark"]) .ax-vcard path.a { fill: rgba(114, 168, 223, 0.12); }
@media (max-width: 991px) {
  :where(html[data-theme="dark"]).has-dia3d .ax-dia-num { background: #111419; }
}
:where(html[data-theme="dark"]) .ax-kpis dd em { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-lines li { border-bottom: 1px solid #181B1F; }
:where(html[data-theme="dark"]) .ax-ok { color: #99EEB9 !important; }
:where(html[data-theme="dark"]) .ax-sky-tag b { background: rgba(21, 21, 21, 0.92); border: 1px solid #20272F; }
:where(html[data-theme="dark"]) .ax-sky-tag span { background: rgba(21, 21, 21, 0.92); border: 1px solid #20272F; }
@media (max-width: 991px) {
  :where(html[data-theme="dark"]) .ax-pin { color: #111419; }
}
:where(html[data-theme="dark"]) .team .member .social a { background: #111419; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.475); }
:where(html[data-theme="dark"]) .team .member .social a:hover { background: #111419; }
:where(html[data-theme="dark"]) .blog-post-card:hover { border-color: #292C31 !important; }
:where(html[data-theme="dark"]) .post-header { background: #111419; }
:where(html[data-theme="dark"]) .module-card { background: #111419; }
:where(html[data-theme="dark"]) .ax-sky-tag b,
:where(html[data-theme="dark"]) .ax-sky-tag span { text-shadow: 0 0 6px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-sky-tag span::after { background: linear-gradient(#2C333C, transparent); }
:where(html[data-theme="dark"]) .ax-contact { background: #111419; }
:where(html[data-theme="dark"]) .ax-contact-way { background: #111419; }
:where(html[data-theme="dark"]) .ax-contact-way:hover,
:where(html[data-theme="dark"]) .ax-contact-way:focus-visible { border-color: #27292E; }
:where(html[data-theme="dark"]) .ax-contact-office { background: #111419; }
:where(html[data-theme="dark"]) .ax-foot-social { background: #111419; }
:where(html[data-theme="dark"]) .ax-foot-social:hover { border-color: #27292E; }
:where(html[data-theme="dark"]) .ax-badge { background: #111419; }
:where(html[data-theme="dark"]) a.ax-badge:hover { border-color: #27292E; }
:where(html[data-theme="dark"]) .ax-grid-read { background: rgba(21, 21, 21, 0.92); }
:where(html[data-theme="dark"]) .ax-grid-zone::before { background: #30353C; }
:where(html[data-theme="dark"]) .ax-grid-read.is-live .ax-grid-zone::before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.475); }
:where(html[data-theme="dark"]) .ax-case-hero { background: #111419; }
:where(html[data-theme="dark"]) .ax-case-visual { background: radial-gradient(120% 90% at 30% 20%, #111419 0%, #121922 60%, #141D28 100%); }
:where(html[data-theme="dark"]) .ax-case-body { background: #111419; }
:where(html[data-theme="dark"]) .ax-case-article { color: #C5C9D1; }
:where(html[data-theme="dark"]) .ax-case-figure img { background: #111419; }
:where(html[data-theme="dark"]) .ax-case-btn { background: #111419; }
:where(html[data-theme="dark"]) .ax-case-btn:hover { border-color: #27292E; }
:where(html[data-theme="dark"]) .ax-case-btn.is-dark { color: #111419; }
:where(html[data-theme="dark"]) .ax-role-hero { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-panel { background: #111419; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35); }
:where(html[data-theme="dark"]) .ax-rp-foot b.is-up { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-rp-book td:first-child { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-rp-book td:last-child { color: #D68B7B; }
:where(html[data-theme="dark"]) .ax-rp-chart .band { fill: rgba(114, 168, 223, 0.12); }
:where(html[data-theme="dark"]) .ax-rp-chart .act { stroke: #E5A86C; }
:where(html[data-theme="dark"]) .ax-rp-jobs i { border: 1.5px solid #2F3236; }
:where(html[data-theme="dark"]) .ax-rp-jobs li.is-run i { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.55); }
:where(html[data-theme="dark"]) .ax-role-kinds,
:where(html[data-theme="dark"]) .ax-role-flow { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-kind { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-steps { border-top: 1px solid #20272F; }
:where(html[data-theme="dark"]) .ax-role-steps li::before { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-proof { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-more { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-more-grid a { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-more-grid a:hover { border-color: #27292E; }
:where(html[data-theme="dark"]) .ax-eco-hero::after { background-image: linear-gradient(rgba(21, 21, 21, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 21, 21, 0.04) 1px, transparent 1px); }
:where(html[data-theme="dark"]) .ax-eco-hero .ax-case-crumb,
:where(html[data-theme="dark"]) .ax-eco-hero .ax-case-crumb a { color: #788495; }
:where(html[data-theme="dark"]) .ax-eco-jump a { border: 1px solid rgba(21, 21, 21, 0.12); background: rgba(21, 21, 21, 0.03); }
:where(html[data-theme="dark"]) .ax-eco-jump a:hover { border-color: rgba(21, 21, 21, 0.28); }
:where(html[data-theme="dark"]) .ax-eco-jump span { color: #788495; }
:where(html[data-theme="dark"]) .ax-eco-pillar { background: #111419; }
:where(html[data-theme="dark"]) .ax-eco-code .c { color: #949DA9; }
@media (max-width: 575px) {
  :where(html[data-theme="dark"]) .ax-role-steps { border-left: 1px solid #20272F; }
}
:where(html[data-theme="dark"]) .navbar .ax-mega-panel { background: #111419; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .ax-mcp-hero { background: #111419; }
:where(html[data-theme="dark"]) .ax-mcp-pill { background: #111419; }
:where(html[data-theme="dark"]) .ax-mcp-demo { background: #111419; }
:where(html[data-theme="dark"]) .ax-claude-bar { color: #8E8C82; }
:where(html[data-theme="dark"]) .ax-claude-body { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-claude-tools b { color: #DF8D72; }
:where(html[data-theme="dark"]) .ax-claude-tools em { color: #9D9B95; }
:where(html[data-theme="dark"]) .ax-claude-input { color: #9D9B95; }
:where(html[data-theme="dark"]) .ax-mcp-why,
:where(html[data-theme="dark"]) .ax-mcp-ask,
:where(html[data-theme="dark"]) .ax-mcp-secure,
:where(html[data-theme="dark"]) .ax-mcp-connect { background: #111419; }
:where(html[data-theme="dark"]) .ax-mcp-prompts > div { background: #111419; }
:where(html[data-theme="dark"]) .ax-mcp-steps li { background: #111419; }
:where(html[data-theme="dark"]) .ax-mcp-clients span { background: #111419; }
:where(html[data-theme="dark"]) .ax-gpt .ax-claude-tools em { color: #8D8D8D; }
:where(html[data-theme="dark"]) .ax-gpt .ax-claude-input { color: #8D8D8D; }
:where(html[data-theme="dark"]) .ax-api-hero::after { background-image: linear-gradient(rgba(21, 21, 21, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 21, 21, 0.045) 1px, transparent 1px); }
:where(html[data-theme="dark"]) .ax-api-hero .ax-case-crumb,
:where(html[data-theme="dark"]) .ax-api-hero .ax-case-crumb a { color: #788495; }
:where(html[data-theme="dark"]) .ax-api-hero code { background: rgba(21, 21, 21, 0.08); border-color: rgba(21, 21, 21, 0.12); }
:where(html[data-theme="dark"]) .ax-case-btn.is-light { background: #111419; border-color: #111419; }
:where(html[data-theme="dark"]) .ax-case-btn.is-light:hover { background: #1A1F26; }
:where(html[data-theme="dark"]) .ax-case-btn.is-ghost { border-color: rgba(21, 21, 21, 0.22); }
:where(html[data-theme="dark"]) .ax-case-btn.is-ghost:hover { border-color: rgba(21, 21, 21, 0.5); }
:where(html[data-theme="dark"]) .ax-api-term { border: 1px solid rgba(21, 21, 21, 0.12); box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-api-term-bar { border-bottom: 1px solid rgba(21, 21, 21, 0.08); color: #949DA9; }
:where(html[data-theme="dark"]) .ax-api-term .c,
:where(html[data-theme="dark"]) .ax-api-code .c { color: #949DA9; }
:where(html[data-theme="dark"]) .ax-api-stats { border-top: 1px solid rgba(21, 21, 21, 0.1); }
:where(html[data-theme="dark"]) .ax-api-stats dd { color: #788495; }
:where(html[data-theme="dark"]) .ax-api-sec { background: #111419; }
:where(html[data-theme="dark"]) .ax-api-tabs { border-bottom: 1px solid rgba(21, 21, 21, 0.08); }
:where(html[data-theme="dark"]) .ax-api-tabs button { color: #788495; }
:where(html[data-theme="dark"]) .ax-api-tabs button[aria-selected="true"] { background: rgba(21, 21, 21, 0.06); }
:where(html[data-theme="dark"]) .ax-api-codes span { background: #111419; }
:where(html[data-theme="dark"]) .ax-api-codes .ok { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-api-codes .er { color: #DC8575; }
:where(html[data-theme="dark"]) .ax-api-cards > div { background: #111419; }
:where(html[data-theme="dark"]) .ax-role-shot { background: #111419; }
:where(html[data-theme="dark"]) .ax-ov { border: 1px solid #21242A; background: #111419; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4); }
:where(html[data-theme="dark"]) .ax-ov-body > div { background: #111419; }
:where(html[data-theme="dark"]) .ax-ov i.rep { background: #30353C; }
:where(html[data-theme="dark"]) .ax-ov-types-head b { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-ov-types li em { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-ov-types li i { background: linear-gradient(90deg, var(--brand) var(--w), #181C21 var(--w)); }
:where(html[data-theme="dark"]) .ax-ov-map svg { background: #111820; }
:where(html[data-theme="dark"]) .ax-ov-map .cl .bg { fill: #111419; stroke: #111419; }
:where(html[data-theme="dark"]) .ax-ov-map .cl .g { stroke: #7DEDA6; }
:where(html[data-theme="dark"]) .ax-ov-map .cl .r { stroke: #E4766C; }
:where(html[data-theme="dark"]) .ax-ov-map .pin { fill: #7DEDA6; stroke: #111419; }
:where(html[data-theme="dark"]) .ax-uni-card,
:where(html[data-theme="dark"]) .ax-fc { background: #111419; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.2); }
:where(html[data-theme="dark"]) .ax-uni-src li { background: #111419; }
:where(html[data-theme="dark"]) .ax-uni-head { background: #101620; }
:where(html[data-theme="dark"]) .ax-uni-head em { color: #87DCC4; }
:where(html[data-theme="dark"]) .ax-uni td { border-top: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-uni-fill { color: #E9AD6F; }
:where(html[data-theme="dark"]) .ax-fc-stats { border-right: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-fc-grid { stroke: #181E26; }
:where(html[data-theme="dark"]) .ax-fc-band { fill: rgba(114, 168, 223, 0.12) !important; }
:where(html[data-theme="dark"]) .ax-fc-core { fill: rgba(114, 168, 223, 0.16) !important; }
:where(html[data-theme="dark"]) .ax-fc-past { stroke: rgba(121, 172, 230, 0.35); }
:where(html[data-theme="dark"]) .ax-fc-a { stroke: #E5A86C; }
:where(html[data-theme="dark"]) .ax-fc-dot { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.6); }
@media (max-width: 767px) {
  :where(html[data-theme="dark"]) .ax-fc-stats { border-top: 1px solid #161B22; }
}
:where(html[data-theme="dark"]) .ax-agent-prompt { background: rgba(21, 21, 21, 0.07); border: 1px solid rgba(21, 21, 21, 0.12); }
:where(html[data-theme="dark"]) .ax-agent-mark { border: 1.5px solid #263A50; }
:where(html[data-theme="dark"]) .ax-agent-caret { background: #263A50; }
:where(html[data-theme="dark"]) .ax-agent-log li::before { border: 1.5px solid rgba(38, 58, 80, 0.5); border-top-color: #263A50; }
:where(html[data-theme="dark"]) .ax-agent-out { background: #111419; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-agent-out td { border-top: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-agent-act { color: #E9AD6F; }
:where(html[data-theme="dark"]) .ax-agent-act button { color: #111419; }
:where(html[data-theme="dark"]) .ax-agent-foot { border-top: 1px solid rgba(21, 21, 21, 0.1); }
:where(html[data-theme="dark"]) .ax-agent-dots i { background: rgba(21, 21, 21, 0.2); }
:where(html[data-theme="dark"]) .ax-agent-dots i.is-on { background: #263A50; }
:where(html[data-theme="dark"]) .ax-sched-src li { background: #111419; }
:where(html[data-theme="dark"]) .ax-sched-card { background: #111419; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.2); }
:where(html[data-theme="dark"]) .ax-sched-key li::before { background: #263A50; }
:where(html[data-theme="dark"]) .ax-sched-bars .pv { background: #263A50; }
:where(html[data-theme="dark"]) .ax-sched-now { border-left: 1px dashed rgba(255, 255, 255, 0.45); }
:where(html[data-theme="dark"]) .ax-rk { background: #111419; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.2); }
:where(html[data-theme="dark"]) .ax-rk-event { color: #F1C191; }
:where(html[data-theme="dark"]) .ax-rk-plot [data-risk-paths] path { stroke: rgba(114, 168, 223, 0.26); }
:where(html[data-theme="dark"]) .ax-rk-plot .ax-rk-fan { fill: rgba(114, 168, 223, 0.1); }
:where(html[data-theme="dark"]) .ax-rk-hist { stroke: rgba(121, 172, 230, 0.55); }
:where(html[data-theme="dark"]) .ax-rk-q { background: #111419; }
:where(html[data-theme="dark"]) .ax-rk-stats { border-left: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-rk-bar { background: #161B22; }
@media (max-width: 767px) {
  :where(html[data-theme="dark"]) .ax-rk-stats { border-top: 1px solid #161B22; }
}
:where(html[data-theme="dark"]) .ax-hov-kpis dd.is-ok { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-grid-read.is-loading > div b { background: linear-gradient(90deg, #161B22 0%, #1B222B 50%, #161B22 100%) 0 0 / 200% 100%; }
:where(html[data-theme="dark"]) .ax-grid-read.is-loading .ax-grid-zone::before { background: #30353C; }
:where(html[data-theme="dark"]) .ax-ae td { border-bottom: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-ae tr.is-ack td:first-child { color: #7DEDA6; }
:where(html[data-theme="dark"]) .ax-ae-crit.is-high { color: #E5A86C; }
:where(html[data-theme="dark"]) .ax-ae-crit.is-medium { color: #F6D16C; }
:where(html[data-theme="dark"]) .ax-ae-crit.is-low { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-ae-state::before { background: #111419; }
:where(html[data-theme="dark"]) [data-state="resolved"] .ax-ae-state { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-xb td { border-top: 1px solid #161B22; }
:where(html[data-theme="dark"]) .ax-xb-ohlc i { color: #99EEB9; }
:where(html[data-theme="dark"]) .ax-xb-chart svg rect.up { fill: #81DAA5; }
:where(html[data-theme="dark"]) .ax-xb-chart svg rect.dn { fill: #E96E67; }
:where(html[data-theme="dark"]) .ax-xb-chart svg path.up { stroke: #81DAA5; }
:where(html[data-theme="dark"]) .ax-xb-chart svg path.dn { stroke: #E96E67; }
:where(html[data-theme="dark"]) .ax-ae-kind.is-ems { color: #79ACE6; }
:where(html[data-theme="dark"]) .ax-ae-kind.is-trading { color: #9B7AD6; }
:where(html[data-theme="dark"]) .ax-ae-kind.is-data { color: #87E1D7; }
:where(html[data-theme="dark"]) .ax-cp { background: #111419; }
:where(html[data-theme="dark"]) .ax-cp-list li::before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.475); }
:where(html[data-theme="dark"]) .cp-win { border: 1px solid #21242A; background: #111419; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45), 0 6px 14px rgba(0, 0, 0, 0.225); }
:where(html[data-theme="dark"]) .cp-nav { background: #11151D; }
:where(html[data-theme="dark"]) .cp-btn { color: #111419; }
:where(html[data-theme="dark"]) .cp-bars i.is-future { background: #161B22; }
:where(html[data-theme="dark"]) .cp-table td { border-bottom: 1px solid #161B22; }
:where(html[data-theme="dark"]) .cp-pill.is-paid { color: #99EEB9; }
:where(html[data-theme="dark"]) .cp-pill.is-due { color: #E9AD6F; }
:where(html[data-theme="dark"]) .cp-pill.is-credit { color: #79ACE6; }
:where(html[data-theme="dark"]) .cp-steps li::before { background: #161B22; }
:where(html[data-theme="dark"]) .cp-steps li.is-done::before { color: #99EEB9; }
:where(html[data-theme="dark"]) .cp-signin { background: #111419; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]).has-intro.has-dia3d:not(.dia3d-still) .ax-handoff-room { background: #111419; }
:where(html[data-theme="dark"]) .ax-open-grid li { background: #111419; }
:where(html[data-theme="dark"]) .ax-dia-branch::before { border-left: 1px solid #232A34; }
:where(html[data-theme="dark"]) .ax-dia-branch a::before { border-top: 1px solid #232A34; }
:where(html[data-theme="dark"]) .ax-dev { background: #111419; }
:where(html[data-theme="dark"]) .ax-zoom { background: #111419; }
:where(html[data-theme="dark"]) .ax-plant { background: rgba(255, 255, 255, 0.32); }
:where(html[data-theme="dark"]) .ax-plant-card { background: #111419; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6); }
:where(html[data-theme="dark"]) .ax-theme-toggle:hover { border-color: #2F3236; }

/* ---------- hand-written ---------- */
/* Dark mode, by hand: what the generator cannot see (colours set in separate rules, images, inline styles). */
html[data-theme="dark"] .back-to-top { background: #262B33; }
html[data-theme="dark"] .back-to-top:hover { background: #333A45; }
html[data-theme="dark"] .ax-theme-toggle:hover { border-color: #3E4652; }
/* client logos: the greyscale marks are inverted to read light; screen drops the black that a white box inverts to */
html[data-theme="dark"] .ax-logos img { filter: grayscale(1) invert(1); mix-blend-mode: screen; opacity: .7; }
html[data-theme="dark"] .ax-logos a:hover img, html[data-theme="dark"] .ax-logos a:focus-visible img { filter: grayscale(1) invert(1); opacity: 1; }
/* partner logos keep their colours on a small light tile, so dark marks stay legible */
html[data-theme="dark"] .ax-int-logo img { background: #F3F5F8; border-radius: 6px; padding: 3px 7px; box-sizing: content-box; height: 22px; }
/* the office map: Google's tiles darkened in place */
html[data-theme="dark"] .ax-contact-office iframe { filter: invert(.9) hue-rotate(180deg) saturate(.6); }
/* Bootstrap's dark mode (data-bs-theme, set by theme.js) on the site's own surfaces */
html[data-theme="dark"] { --bs-body-bg: #111419; --bs-body-color: #C9D1DC; --bs-border-color: #262B33; --bs-secondary-bg: #14171C; --bs-tertiary-bg: #14171C; }
html[data-theme="dark"] .card { --bs-card-bg: #14171C; --bs-card-border-color: #262B33; }