/* Google Labs snapshot — pure Labs palette & interaction polish */

:root{
  --brand-paper:#f5f0e8!important;--labs-cream:#f5f0e8!important;
  --labs-taupe:#dcd6cc!important;--labs-taupe-light:#ebe4d9!important;
  --brand-mint:#7eb8b2!important;--brand-teal:#2a6561!important;--brand-teal-deep:#1e4a47!important;
  --signal:#2a6561!important;--signal-deep:#1e4a47!important;--signal-mid:#457a75!important;
  --signal-light:#7eb8b2!important;--signal-faint:#e8f2f0!important;
  --cap-security:#6e5bd8!important;--cap-security-bg:#f0edff!important;
  --cap-privacy:#2a6561!important;--cap-privacy-bg:#e8f2f0!important;
  --cap-compliance:#b86a1a!important;--cap-compliance-bg:#faf3e8!important;
  --cap-highlight:#b8f5a8!important;
  --labs-magenta:#8b2e8b!important;--labs-neon:#34d399!important;--labs-pink-blob:#f9a8d4!important;
}

html[data-theme=light]{
  --bg:#f5f0e8!important;--panel:#fffbf5!important;--panel2:#f8f1e9!important;
}

/* Cream canvas + organic Labs blobs */
html[data-theme=light] body{
  background-color:#f5f0e8!important;
  background-image:
    radial-gradient(620px 420px at 12% 10%,rgba(110,91,216,.1),transparent 62%),
    radial-gradient(540px 380px at 88% 6%,rgba(42,101,97,.1),transparent 60%),
    radial-gradient(680px 480px at 48% 42%,rgba(199,110,18,.06),transparent 68%),
    radial-gradient(500px 360px at 8% 78%,rgba(126,184,178,.1),transparent 58%),
    radial-gradient(520px 380px at 92% 85%,rgba(255,184,77,.08),transparent 60%),
    linear-gradient(180deg,#f5f0e8 0%,#f2efe9 100%)!important;
}
html[data-theme=light] body:before{
  background:radial-gradient(760px 440px at 48% -6%,rgba(126,184,178,.08),transparent 66%)!important;
}

html[data-theme=light] .nav{background:rgba(245,240,232,.93)!important}
html[data-theme=light] .labs-experiments-section,
html[data-theme=light] .site-footer,
html[data-theme=light] .footer-shapes,
html[data-theme=light] .logic-band,
html[data-theme=light] .labs-shapes-band{background:#f5f0e8!important}

.headline-accent{
  background:linear-gradient(135deg,#1e4a47 0%,#2a6561 50%,#7eb8b2 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.labs-word-bubble{color:#8b2e8b!important;margin-left:.1em;padding:.08em .62em .14em}
.labs-word-bubble:before{background:#b8f5a8!important;left:0!important;right:0!important;top:12%!important;bottom:2%!important}

html[data-theme=light] .btn.primary{
  background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-mid))!important;
  color:#fff!important;border:0!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--signal) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:background .28s ease,transform .22s var(--ease-out),box-shadow .28s ease!important;
}
html[data-theme=light] .btn.primary:hover{
  background:linear-gradient(135deg,var(--signal-deep),var(--signal-mid),var(--signal-light))!important;
  box-shadow:0 14px 32px color-mix(in srgb,var(--signal) 28%,transparent)!important;
}

html[data-theme=light] .labs-connect-section{background:#f5f0e8!important}

.labs-cap-security{background:linear-gradient(165deg,#f0edff,#e6e0ff)!important}
.labs-cap-privacy{background:linear-gradient(165deg,#e8f2f0,#d4f0ea)!important}
.labs-cap-compliance{background:linear-gradient(165deg,#fff5e8,#f5ebe0)!important}

.labs-experiment-card{
  background:#fff!important;
  box-shadow:0 12px 36px rgba(17,24,39,.06)!important;
}
.labs-visual-lavender{background:linear-gradient(145deg,#f0edff,#e6e0ff)!important}
.labs-visual-mint{background:linear-gradient(145deg,#e8f2f0,#d4f0ea)!important}
.labs-visual-amber{background:linear-gradient(145deg,#fff5e8,#ffe8c4)!important}
.labs-visual-sky{background:linear-gradient(145deg,#e8f8ff,#d6f0ff)!important}

html[data-theme=light] .zd-hero{
  background:
    radial-gradient(420px 300px at 92% 18%,rgba(110,91,216,.1),transparent 68%),
    radial-gradient(380px 280px at 4% 82%,rgba(42,101,97,.1),transparent 70%),
    linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--signal-faint) 38%,var(--panel)))!important;
  box-shadow:0 16px 44px rgba(17,24,39,.06)!important;
}
html[data-theme=light] .zd-hero--immersive{
  background:
    radial-gradient(480px 340px at var(--hero-mx,50%) var(--hero-my,50%),color-mix(in srgb,var(--signal-light) 14%,transparent),transparent 72%),
    radial-gradient(400px 280px at 88% 14%,color-mix(in srgb,var(--cap-security) 9%,transparent),transparent 74%),
    radial-gradient(360px 260px at 8% 86%,color-mix(in srgb,var(--signal) 8%,transparent),transparent 72%),
    linear-gradient(145deg,var(--panel3) 0%,var(--panel) 48%,color-mix(in srgb,var(--signal-faint) 42%,var(--panel)) 100%)!important;
  border-color:var(--line)!important;
}

.footer-shapes i,.floating-shapes i{opacity:.8!important}