/**

 * SABO HUB — Vertical light foundation (matches flagship `/`)

 * Used by: biz-distribution.html, biz-service.html, biz-manufacturing.html

 */

html[data-theme="light"] {

  color-scheme: light;

  /* typography — darker ink (post overlay reduction) */

  --ink: #050810;

  --muted: #334155;

  --surface: #ffffff;

  --glass-frost: blur(40px) saturate(180%);

  --glass-light: rgba(255, 255, 255, 0.38);

  --glass-light-hover: rgba(255, 255, 255, 0.52);

  --glass-border-light: rgba(255, 255, 255, 0.55);

  --glass-light-shadow: 0 8px 32px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.65);

  /* secondary buttons / ghost CTA */

  --glass-dark: rgba(255, 255, 255, 0.32);

  --glass-dark-hover: rgba(255, 255, 255, 0.45);

  --glass-border: rgba(16, 24, 48, 0.1);

  --glass-border-hover: rgba(16, 24, 48, 0.16);

  --glass-dark-shadow: var(--glass-light-shadow);

  /* cards / stats / panels */

  --glass-panel: rgba(255, 255, 255, 0.4);

  --glass-panel-hover: rgba(255, 255, 255, 0.52);

  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* custom cursor — pages may override with vertical accent */

  --cursor-accent: color-mix(in srgb, #4f46e5 60%, #06b6d4);

  --cursor-ring: rgba(16, 24, 48, 0.12);

}



html[data-theme="light"] header.nav {

  background: rgba(255, 255, 255, 0.35);

  border-bottom: 1px solid rgba(255, 255, 255, 0.55);

  -webkit-backdrop-filter: var(--glass-frost);

  backdrop-filter: var(--glass-frost);

  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);

}



html[data-theme="light"] footer {

  background: rgba(255, 255, 255, 0.28);

  border-top: 1px solid rgba(255, 255, 255, 0.45);

  -webkit-backdrop-filter: var(--glass-frost);

  backdrop-filter: var(--glass-frost);

}



html[data-theme="light"] .stat,

html[data-theme="light"] .cap,

html[data-theme="light"] .live,

html[data-theme="light"] .tile,

html[data-theme="light"] .bom,

html[data-theme="light"] .cell {

  background: var(--glass-panel);

  -webkit-backdrop-filter: var(--glass-frost);

  backdrop-filter: var(--glass-frost);

}



html[data-theme="light"] #sceneCtr {

  background: rgba(255, 255, 255, 0.42);

  -webkit-backdrop-filter: blur(12px) saturate(160%);

  backdrop-filter: blur(12px) saturate(160%);

}



/* Hero AI photo — balanced white wash (reduced from 55–86%, not removed) */

html[data-theme="light"] .hero .bgphoto {

  opacity: 0.6;

}



html[data-theme="light"] .hero .bgphoto::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    180deg,

    rgba(255, 255, 255, 0.52) 0%,

    rgba(255, 255, 255, 0.45) 48%,

    rgba(255, 255, 255, 0.55) 100%

  );

}



html[data-theme="light"] h1,

html[data-theme="light"] .sec-h h2,

html[data-theme="light"] .cta-end h2 {

  color: var(--ink);

}



html[data-theme="light"] .hero h1,

html[data-theme="light"] .hero .lead,

html[data-theme="light"] .hero .sub {

  color: var(--ink);

  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);

}



html[data-theme="light"] .nav-links,

html[data-theme="light"] .nav-links a,

html[data-theme="light"] .foot-nav a {

  color: var(--muted);

  font-weight: 600;

}



html[data-theme="light"] footer {

  color: var(--muted);

}



/* flagship-style custom cursor (pointer:fine only) */

@media (pointer: fine) {

  html[data-theme="light"].cur,

  html[data-theme="light"].cur * {

    cursor: none;

  }

}



html[data-theme="light"] #cur {

  position: fixed;

  top: 0;

  left: 0;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--cursor-accent);

  z-index: 95;

  pointer-events: none;

  transform: translate(-50%, -50%);

  transition: width 0.3s, height 0.3s;

}



html[data-theme="light"] #curr {

  position: fixed;

  top: 0;

  left: 0;

  width: 34px;

  height: 34px;

  border: 1px solid var(--cursor-ring);

  border-radius: 50%;

  z-index: 94;

  pointer-events: none;

  transform: translate(-50%, -50%);

  transition: width 0.35s var(--ease), height 0.35s var(--ease), border-color 0.35s;

}



html[data-theme="light"] #curr.on {

  width: 60px;

  height: 60px;

  border-color: var(--cursor-accent);

}



@media (pointer: coarse) {

  html[data-theme="light"] #cur,

  html[data-theme="light"] #curr {

    display: none;

  }

}



/* SABO HUB logo mark — shared across flagship + vertical pages */

/* Logo mark sizing — landing-nav.css overrides for nav; fallback for legacy refs */
.logo-mark {

  width: 52px;

  height: 52px;

  flex: none;

  border-radius: 12px;

  box-shadow: 0 8px 24px -8px rgba(79, 70, 229, 0.45);

  object-fit: contain;

}