/* YVM-213 neon: a starter skin built from the Look toolkit (config/templates.php 'look'). Its colours, fonts, notes
   and button are tokens an owner changes on the Look page; this sheet draws only the world around them: the dark
   gradient's glow, the heavy headline with the board title as its accent phrase, and line icons. The notes' neon
   frame is the toolkit's note style (note-styles.css, vm-n-neon), so it follows the owner's choice. No images. */

/* The glow: two soft lights behind the hero. */
.vm-t-neon .vm-hero{position:relative;isolation:isolate;background:radial-gradient(40rem 26rem at 15% 20%,rgba(255,79,216,.22),transparent 70%),radial-gradient(36rem 24rem at 90% 70%,rgba(77,232,255,.18),transparent 70%),transparent}
.vm-t-neon .vm-top{background:color-mix(in srgb,var(--top-bg) 85%,transparent);backdrop-filter:blur(8px)}

/* The headline: heavy sans, tight; the board title above it is the accent phrase, lit in the brand colour. */
.vm-t-neon .vm-title{font-size:clamp(2.5rem,8vw,4.75rem);line-height:.98;text-transform:none}
.vm-t-neon .vm-eyebrow{color:var(--brand);font-family:var(--display);font-weight:var(--display-weight);font-size:clamp(1.125rem,2.6vw,1.5rem);letter-spacing:0;text-transform:none;text-shadow:0 0 18px color-mix(in srgb,var(--brand) 60%,transparent)}
.vm-t-neon .vm-h2{font-family:var(--display);font-weight:var(--display-weight)}

/* Buttons glow; the quiet one is an outline. */
.vm-t-neon .vm-btn{box-shadow:var(--btn-shadow)}
.vm-t-neon a.vm-btn-quiet,.vm-t-neon a.vm-btn-teal,.vm-t-neon a.vm-btn-pink{background:transparent}

/* Line icons: the steps' numbers are outlines in their note's colour, not filled tiles. */
.vm-t-neon .vm-step-n{background:transparent;border:2px solid var(--note-c);border-radius:50%;color:var(--ink);box-shadow:0 0 14px -4px var(--note-c)}
.vm-t-neon .vm-band,.vm-t-neon .vm-how{background:color-mix(in srgb,var(--band) 85%,transparent);border-block:1px solid var(--line)}