/* Semantic foregrounds: bright brand accents remain decorative on light surfaces. */
.malito-site {
  --readable-on-light:#00588e;
  --readable-gold:#895000;
  --readable-on-dark:#dce8f2;
  --readable-muted:#526579;
}
.malito-home .navbar { background:#0a1b2e; }
@media (min-width:992px) {
  .malito-home .hero-section > .container > .row { padding-block:110px 64px; }
}
.malito-site .brand-tagline { color:#cfdeed; }
.malito-site #mainNavbar .mm-group h3 > span { color:var(--readable-muted); }
.malito-site #mainNavbar .mm-feature { background:radial-gradient(ellipse at 0 0,#085276,transparent 75%),#092c46; }
.malito-site #mainNavbar .mm-feature :is(p,.mm-feature-note) { color:var(--readable-on-dark); }
.malito-site #mainNavbar .mm-feature-kicker { color:#8ee6fa; }
.malito-site .btn-accent,.malito-site .btn-accent:hover { color:#14283d; }
.malito-site .section-label,.malito-site .product-badge { color:var(--readable-on-light); }
.malito-site .section-dark .section-label { color:#70e4ff; }
.malito-site .product-badge-accent { color:var(--readable-gold); }
.malito-site .feature-inline-link { color:var(--readable-on-light); }
.malito-site .feature-inline-link:hover { color:#003d65; }
.malito-site .text-gradient { background-image:linear-gradient(135deg,var(--readable-on-light),var(--readable-gold)); }
.malito-site :is(.hero-section,.section-dark,.cta-section) .text-gradient { background-image:linear-gradient(135deg,#70e4ff,#ffc35e); }
.malito-site :is(.hero-desc,.stat-label) { color:var(--readable-on-dark); }
.malito-site .hero-badge { background:#113047; color:#ffd28a; }
.malito-site .hero-mini-card :is(i,svg) { color:#ffd28a; }
.malito-site .floating-card .card-icon { color:#ffd28a; }
.malito-site .hero-scroll-indicator .scroll-icon { color:var(--readable-on-dark); animation:readable-scroll 2s ease-in-out infinite; }
.malito-site .about-experience-badge { color:#14283d; }
.malito-site .section-dark .text-white-50 { color:var(--readable-on-dark)!important; }
.malito-site .service-card-desc { color:var(--readable-on-dark); }
.malito-site .service-card-number,.malito-site .service-card:hover .service-card-number { color:#8199af; }
.malito-site :is(.about-icon-item,.feature-icon-wrap,.orbit-item,.product-icon-blue,.contact-card-icon) :is(i,svg) { color:var(--readable-on-light); }
.malito-site .product-icon-accent :is(i,svg) { color:var(--readable-gold); }
.malito-site .product-features-list :is(i,svg) { color:#16703e; }
.malito-site :is(.about-icon-item:hover,.about-icon-item.active,.feature-row-icon,.service-card:hover .service-card-icon) { background:linear-gradient(135deg,#00588e,#103852); }
.malito-site :is(.about-icon-item:hover,.about-icon-item.active,.service-card:hover .service-card-icon) :is(i,svg) { color:#fff; }
.malito-site .contact-card-accent .contact-card-icon :is(i,svg) { color:#ffd28a; }
.malito-site .navbar-dropdown .dropdown-item :is(i,svg) { color:inherit; }
.malito-site .btn-product-blue { background:linear-gradient(135deg,#00588e,#103852); }
.malito-site .btn-product-accent,.malito-site .btn-product-accent:hover { color:#14283d; background:#f7ae3b; }
/* A dark gradient keeps every part of the home-page CTA legible. */
.malito-site .cta-section { background:linear-gradient(135deg,#0a263e,#00588e); }
.malito-site :is(.cta-desc,.cta-quick-text span,.cta-quick-arrow) { color:var(--readable-on-dark); }
.malito-site .cta-quick-icon { background:#124b6d; }
.malito-site .cta-quick-icon-accent { background:#65441f; }
.malito-site .cta-quick-icon-green { background:#1b593f; }
.malito-site .cta-quick-icon :is(i,svg) { color:#fff; }
.malito-site .cta-badge :is(i,svg) { color:#fff; }
.malito-site .hero-scroll-indicator { color:var(--readable-on-dark); }
.malito-site .contact-card-accent .contact-card-text { color:var(--readable-on-dark); }
.malito-site .mp-scope-no,.malito-site .mp-value-index { color:var(--readable-muted); }
.malito-site .mag-small-label { color:var(--readable-muted); }
.malito-site .mag-title-dot { color:var(--readable-gold); }
.malito-site .mag-card-open { background:#082c46; }
.malito-site .mag-search input::placeholder { color:var(--readable-muted); opacity:1; }
@keyframes readable-scroll {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(8px); }
}
@media (forced-colors:active) {
  .malito-site .text-gradient { background:none; -webkit-text-fill-color:CanvasText; color:CanvasText; }
}