/* Vapor — signature (auto-built from design/signatures/vapor.css) */
/* Vapor — frosted glass over an aurora. Weightless, premium, motion that settles. */
body{ background:
  radial-gradient(90% 60% at 12% -10%, color-mix(in srgb, var(--wp--preset--color--primary) 16%, transparent), transparent 55%),
  radial-gradient(80% 60% at 100% 0%, color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent), transparent 50%),
  var(--wp--preset--color--base); }

/* Surfaces float on soft violet light; large radii. */
.smedja-framed img{
  border-radius: var(--smedja-radius-lg);
  box-shadow: 0 1px 2px rgba(12,15,20,.05), 0 30px 60px -28px color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent);
}
:where(.wp-block-group.has-surface-background-color){
  border-radius: var(--smedja-radius-lg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 24px 50px -28px color-mix(in srgb, var(--wp--preset--color--primary) 40%, transparent);
}

.smedja-eyebrow{ color: var(--wp--preset--color--primary); }
.smedja-eyebrow::before{ background: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--accent)); }

/* Aurora ribbon divider. */
.smedja-warp{
  background-image:none; block-size:3px; border-radius:999px;
  background: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-soft), var(--wp--preset--color--accent));
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}

/* Buttons: rounded, ultraviolet, with a sheen sweep + lift. */
.wp-element-button{ border-radius: var(--smedja-radius-pill); position:relative; overflow:hidden; box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--wp--preset--color--primary) 70%, transparent); }
.wp-element-button:hover{ transform: translateY(-1px); }
.wp-element-button::after{
  content:""; position:absolute; inset:0; transform:translateX(-130%);
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%);
  transition: transform .6s ease;
}
.wp-element-button:hover::after{ transform:translateX(130%); }