/**
 * .com → .org blue crystal bridge (load after brand-bridge)
 * Forces pages, heroes, CTAs, nav icons onto live org palette.
 */

html,
html body,
html body.crystal-site,
html body.crystal-site.object-glass,
html body.automation-premium {
  background-color: #f8faff !important;
  color: #3a4660 !important;
}

html body.crystal-site .founder-pro-hero,
html body.crystal-site .about-corp-hero,
html body.crystal-site .hero-reveal,
html body.crystal-site .page-pro-hero,
html body.crystal-site .svc-hero,
html body.automation-premium .auto-hero,
html body.automation-premium .auto-page-hero {
  color: #09142c !important;
}

html body.crystal-site .about-corp-hero__title,
html body.crystal-site .founder-pro-hero__title,
html body.crystal-site .about-corp-hero__brand,
html body.automation-premium .auto-hero__title,
html body.automation-premium .auto-hero__brand {
  color: #09142c !important;
}

/* Intentional navy contrast bands (org-style), NOT warm charcoal */
body.crystal-site .bg-ink-text,
body.crystal-site .page-pro-panel--ink,
body.crystal-site .careers-cta-premium,
body.crystal-site .ach-mission,
body.crystal-site .home-security,
body.crystal-site .founder-pro-connect,
body.crystal-site .about-corp-ceo,
body.crystal-site .founder-pro-dark-band,
body.crystal-site .about-corp-stats,
body.crystal-site .prod-section--dark,
body.crystal-site .dark-band {
  background: var(--dark-band) !important;
  background-color: #0b1220 !important;
  border-color: rgba(9, 92, 255, 0.18) !important;
  color: #f5f8ff !important;
}

body.crystal-site .bg-ink-text h1,
body.crystal-site .bg-ink-text h2,
body.crystal-site .bg-ink-text h3,
body.crystal-site .home-security h2,
body.crystal-site .founder-pro-connect h2,
body.crystal-site .founder-pro-connect .founder-pro-title,
body.crystal-site .about-corp-ceo h2,
body.crystal-site .about-corp-ceo .font-display,
body.crystal-site .ach-mission h2,
body.crystal-site .careers-cta-premium h2 {
  color: #f5f8ff !important;
}

/* Bottom CTA bands — ice light like org ecosystem CTA */
body.crystal-site .svc-cta-band,
body.crystal-site .page-pro-cta-band,
body.crystal-site .auto-cta-band,
body.crystal-site .services-premium main > section:last-child.svc-cta-band {
  background:
    radial-gradient(circle at 12% 0%, #2867ff14, transparent 60%),
    radial-gradient(circle at 88% 10%, #ff7a0012, transparent 55%),
    #f8faff !important;
  color: #09142c !important;
}

body.crystal-site .svc-cta-band h2,
body.crystal-site .page-pro-cta-band h2,
body.crystal-site .auto-cta-band h2 {
  color: #09142c !important;
}

/* Brand lockup — Ecom ink + hutsy orange */
body.crystal-site .site-nav__brand-ecom,
body.crystal-site .site-nav__brand-text,
body.automation-premium .auto-nav__brand-text .site-nav__brand-ecom,
body.automation-premium .brand-mark,
body.automation-premium .brand-mark__ecom {
  color: #09142c !important;
}
body.crystal-site .site-nav__brand-hutsy,
body.automation-premium .auto-nav__brand-text .site-nav__brand-hutsy,
body.automation-premium .brand-mark__hutsy {
  color: #ff6a00 !important;
}

/* Dropdown / service icons — blue crystal plates */
.nav-dropdown__icon,
.nav-dropdown__icon--blue,
.nav-dropdown__icon--green,
.nav-dropdown__icon--orange,
.nav-dropdown__icon--teal,
.svc-card__icon,
.home-tile__icon,
.auto-card__icon.material-symbols-outlined,
.material-symbols-outlined.home-tile__icon {
  background: linear-gradient(160deg, #ffffff 0%, #eef4ff 55%, #dce8ff 100%) !important;
  border: 1px solid #4b7bff40 !important;
  color: #095cff !important;
  box-shadow:
    0 14px 28px #18337022,
    inset 0 2px 0 #fffffff5,
    inset 0 -3px 8px #2759d51a !important;
  border-radius: 16px !important;
}

.nav-dropdown__icon--green { color: #17b879 !important; }
.nav-dropdown__icon--orange { color: #ff7a00 !important; }
.nav-dropdown__icon--teal { color: #15a9d9 !important; }

/* Kill leftover amber / cream utility classes on all pages — remapped in no-yellow-gradient.css */

/* Accent text that used amber */
body.crystal-site .text-\[\#ffa500\],
body.crystal-site .text-\[\#855400\],
body.crystal-site .text-\[\#c47a00\],
body.automation-premium .text-\[\#ffa500\],
body.automation-premium .text-\[\#855400\] {
  color: #095cff !important;
}

/* Auto topbar / nav — light ice, not dark */
.auto-topbar {
  background: #0b1220 !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.auto-topbar a { color: #fff !important; }

.auto-nav,
.auto-nav__bar {
  background: #fffffff2 !important;
  border-bottom: 1px solid #17357517 !important;
  color: #16213b !important;
}

.auto-nav a,
.auto-nav__links a,
.auto-nav-dropdown__trigger {
  color: #16213b !important;
}
.auto-nav a:hover,
.auto-nav__links a:hover {
  color: #095cff !important;
}

.auto-nav__mobile {
  background: #ffffff !important;
  border-top: 1px solid #1d43971f !important;
}
.auto-nav__mobile-link { color: #16213b !important; }

/* Automation page — force LIGHT crystal (never full dark shell) */
.automation-premium {
  --auto-bg: #f8faff;
  --auto-bg-alt: #f4f7ff;
  --auto-surface: #ffffff;
  --auto-ink: #09142c;
  --auto-muted: #5d6b86;
  --auto-border: #1d43971f;
  --auto-accent: #095cff;
  --auto-accent-deep: #4c3bff;
  background: #f8faff !important;
  color: #09142c !important;
}

.automation-premium main {
  background: transparent !important;
}

.automation-premium .auto-section--alt {
  background:
    linear-gradient(180deg, rgba(244, 247, 255, 0.7), rgba(248, 250, 255, 0.2)),
    #f4f7ff !important;
  border-color: #1d43971f !important;
}

.automation-premium .auto-section-label {
  color: #154ff3 !important;
}

.automation-premium .auto-section-title,
.automation-premium .auto-hero__title,
.automation-premium .auto-hero__brand {
  color: #09142c !important;
  font-family: "Segoe UI", Inter, Arial, sans-serif !important;
}

.automation-premium .auto-card {
  background: #fffffffc !important;
  border: 1px solid #2f4c961f !important;
  border-radius: 18px !important;
  box-shadow: var(--crystal-shadow) !important;
  color: #09142c !important;
}

.automation-premium a.auto-card:hover {
  border-color: #4b7bff66 !important;
  box-shadow: var(--crystal-shadow-hover) !important;
}

.automation-premium .auto-card__icon {
  background: linear-gradient(160deg, #fff, #eef4ff 50%, #dce8ff) !important;
  border: 1px solid #4b7bff40 !important;
  color: #095cff !important;
  box-shadow: 0 14px 28px #18337022, inset 0 2px 0 #fff !important;
}

.automation-premium .auto-stat {
  background: #ffffffee !important;
  border: 1px solid #2f4c961f !important;
  box-shadow: 0 10px 28px #18337014 !important;
}

.automation-premium .auto-stat__value {
  color: #095cff !important;
  font-family: "Segoe UI", Inter, Arial, sans-serif !important;
}

.automation-premium .auto-stat__label {
  color: #5d6b86 !important;
}

.automation-premium .auto-case-chart-card {
  border-color: #4b7bff40 !important;
  background: linear-gradient(145deg, rgba(9, 92, 255, 0.08), #ffffff) !important;
  box-shadow: 0 20px 48px -28px #224eff44 !important;
}

/* Heroes — blue/violet ice, not amber cream */
.auto-hero,
.auto-page-hero {
  background:
    radial-gradient(circle at 10% 25%, #ff7c001a, transparent 27%),
    radial-gradient(circle at 89% 23%, #4158ff2b, transparent 33%),
    linear-gradient(135deg, #ffffff, #f3f6ff) !important;
}

.auto-hero__glow--a,
.auto-hero__orb--a {
  background: rgba(71, 113, 255, 0.28) !important;
}
.auto-hero__glow--b,
.auto-hero__orb--b {
  background: rgba(255, 127, 0, 0.16) !important;
}

.auto-hero__grid,
.auto-page-hero__grid {
  background-image:
    linear-gradient(rgba(38, 78, 159, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38, 78, 159, 0.07) 1px, transparent 1px) !important;
}

.auto-hero__vignette,
.auto-page-hero__vignette {
  background:
    radial-gradient(ellipse 78% 68% at 50% 42%, transparent 28%, rgba(248, 250, 255, 0.35) 70%, rgba(248, 250, 255, 0.82) 100%) !important;
}

/* Forms / focus */
input:focus,
textarea:focus,
select:focus {
  border-color: #095cff !important;
  box-shadow: 0 0 0 3px rgba(9, 92, 255, 0.18) !important;
}

/* Footer stay coherent */
footer,
.site-footer,
.auto-footer {
  background: #ffffff !important;
  border-top: 1px solid #1d43971f !important;
  color: #5d6b86 !important;
}