:root {
  --theme-bg: #d9e3e8;
  --theme-bg-alt: #c9d6dc;
  --theme-surface: #f7fbfd;
  --theme-surface-2: #eaf2f5;
  --theme-text: #182d37;
  --theme-muted: #435d69;
  --theme-accent: #00bddd;
  --theme-accent-2: #22d8f4;
  --theme-button-text: #06232b;
  --theme-border: rgba(39, 94, 112, .24);
  --theme-shadow: rgba(32, 66, 78, .18);
  --ink: var(--theme-text) !important;
  --paper: var(--theme-bg) !important;
  --muted: var(--theme-muted) !important;
  --line: var(--theme-border) !important;
  --cyan: var(--theme-accent) !important;
  --orange: var(--theme-accent) !important;
  --gold: var(--theme-accent) !important;
}

html { background: var(--theme-bg); }
body, main { background: var(--theme-bg) !important; color: var(--theme-text) !important; }
body::before { opacity: .23 !important; }
.site-header { background: color-mix(in srgb, var(--theme-bg) 91%, transparent) !important; border-color: var(--theme-border) !important; }
.site-header.scrolled { box-shadow: 0 14px 40px var(--theme-shadow) !important; }
.site-header nav a, .brand, .footer-nav a, footer, footer p, footer small { color: var(--theme-text) !important; }
.site-header nav a.active, .site-header nav a:hover, .eyebrow, .text-link, .service-icon, .case-card small, .detail-number { color: var(--theme-accent) !important; }
.site-header nav a.active::after, .eyebrow span, .scan-line, .cbk-carousel-dots button.active { background: var(--theme-accent) !important; }
.menu-button span { background: var(--theme-text) !important; }

.hero, .page-hero, .signal-strip, .home-services, .home-promise, .client-section,
.content-split, .values-section, .anchor-grid, .detail-section, .brand-link-section,
.product-intro, .feature-section, .dashboard-gallery, .product-overview, .case-grid,
.contact-section, .section, footer { background-color: var(--theme-bg) !important; color: var(--theme-text) !important; }
.page-hero, .signal-strip, .feature-section, .dashboard-gallery, .values-section,
.client-section, .contact-section, footer { border-color: var(--theme-border) !important; }
.page-hero-shape, .hero::after { background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 27%, transparent), transparent 66%) !important; }
.hero-geometry { opacity: .50; }
.orbit { border-color: color-mix(in srgb, var(--theme-accent) 35%, transparent) !important; }

h1, h2, h3, h4, strong, .lead, .prose-block, .gallery-copy, .contact-copy,
.section-heading, .promise-copy, .detail-copy, .page-hero p, .hero-copy { color: var(--theme-text) !important; }
p, li, .form-note, .feature-item strong, .service-link-card strong,
.anchor-card strong, .product-index, .case-card p { color: var(--theme-muted) !important; }
h1 em, h2 em, .hero-copy em { color: var(--theme-accent) !important; }

.service-link-card, .anchor-card, .feature-item, .value-card, .product-detail-card,
.case-card, .contact-form, .product-brand, .product-overview article, .metrics-section > div,
.status-card, .signal-strip > div { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; box-shadow: 0 18px 48px var(--theme-shadow) !important; }
.service-link-card:hover, .anchor-card:hover, .feature-item:hover, .value-card:hover,
.case-card:hover { background: var(--theme-surface-2) !important; border-color: var(--theme-accent) !important; }
.contact-form input, .contact-form select, .contact-form textarea {
  background: var(--theme-surface-2) !important; color: var(--theme-text) !important; border-color: var(--theme-border) !important;
}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--theme-muted) !important; }

.button-primary, .nav-cta, .whatsapp { background: var(--theme-accent) !important; color: var(--theme-button-text) !important; border-color: var(--theme-accent) !important; box-shadow: 0 12px 30px var(--theme-shadow) !important; }
.button-primary:hover, .nav-cta:hover { background: var(--theme-accent-2) !important; border-color: var(--theme-accent-2) !important; }
.button-ghost { background: var(--theme-surface) !important; color: var(--theme-text) !important; border-color: var(--theme-border) !important; }

.logo-cell, .brand-link-grid a, .product-logo { background: #fff !important; border-color: var(--theme-border) !important; }
.mitat-brand { background: #bcbcbc !important; }
.mitat-brand img { filter: none !important; }
.image-frame, .screen-frame, .cbk-carousel { border-color: color-mix(in srgb, var(--theme-accent) 60%, transparent) !important; box-shadow: 0 24px 64px var(--theme-shadow) !important; }
.cbk-carousel { background: #071117 !important; }
.cbk-carousel-arrow { background: color-mix(in srgb, var(--theme-accent) 88%, #06141a) !important; color: var(--theme-button-text) !important; }
.cbk-slide figcaption { background: rgba(3, 12, 18, .78) !important; color: #fff !important; }
.highlight-line, .experience-badge { border-color: var(--theme-accent) !important; }
.experience-badge { background: var(--theme-accent) !important; color: var(--theme-button-text) !important; }

@media (max-width: 900px) {
  .site-header nav { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; box-shadow: 0 20px 40px var(--theme-shadow) !important; }
}