/* Easydone Studio signature, option 2 layer ("studio lights"), DES-08, 26 Sep 2026.
   Load after studio-signature.css. Adds dark "night" sections and dark cards: near-black green
   rather than easydone.work's deep-green blocks, with the work lit by a soft gold spotlight.
   No cutting-mat grid or crop marks on night surfaces. */

:root{
  --sd-night:#101a17;        /* near-black green: sections */
  --sd-night-2:#17241f;      /* dark cards on light or night */
  --sd-night-deep:#0b1311;   /* footer */
  --sd-night-line:rgba(255,253,247,.14);
  --sd-on-night:#fffdf7;     /* 17:1 on night */
  --sd-on-night-soft:#c7d3ce;/* 12:1 */
  --sd-on-night-faint:#9fb0aa;/* 7.8:1 */
  --sd-spot:rgba(234,197,27,.15);
  --sd-night-print:4px 6px 0 rgba(0,0,0,.38);
}

/* A night section: dark, with a soft gold spotlight where the work sits. Move the light with --spot-x/--spot-y. */
.sd-night{--spot-x:72%;--spot-y:42%;background-color:var(--sd-night);background-image:radial-gradient(ellipse 48% 58% at var(--spot-x) var(--spot-y),var(--sd-spot),transparent 70%),radial-gradient(ellipse 90% 70% at 50% 120%,rgba(0,0,0,.35),transparent 70%);color:var(--sd-on-night)}
.sd-night h1,.sd-night h2,.sd-night h3{color:var(--sd-on-night)}
.sd-night p{color:var(--sd-on-night-soft)}
.sd-night .sd-lead{color:var(--sd-on-night)!important}
.sd-night :focus-visible{outline-color:var(--sd-on-night)}
/* The highlighter becomes a gold brush stroke on dark (a translucent swash turns olive). */
.sd-night .sd-swash::after{background:var(--sd-gold);height:.11em;bottom:-.05em;border-radius:99px;transform:rotate(-.8deg)}
.sd-night .sd-tab{border-color:var(--sd-on-night);box-shadow:3px 4px 0 rgba(0,0,0,.4)}
.sd-night .sd-tab b{background:var(--sd-on-night);color:var(--sd-night)}
.sd-night .sd-btn{border-color:var(--sd-gold);box-shadow:3px 3px 0 rgba(255,253,247,.38)}
.sd-night .sd-btn:hover{box-shadow:4px 4px 0 rgba(255,253,247,.5)}
.sd-night .sd-btn:active{box-shadow:1px 1px 0 rgba(255,253,247,.38)}
.sd-night .sd-btn--ghost{background:transparent;color:var(--sd-on-night);border-color:var(--sd-on-night)}
.sd-night .sd-link{color:var(--sd-on-night);background-image:linear-gradient(var(--sd-gold),var(--sd-gold));background-size:100% 2px}
.sd-night .sd-link:hover{background-size:100% .38em;color:var(--sd-night)}
.sd-night .sd-plan{background:transparent;color:var(--sd-on-night);border-color:var(--sd-on-night)}
.sd-night .sd-plan::before{box-shadow:0 0 0 1.5px var(--sd-on-night)}
/* Light cards pinned on a night wall keep their own light colours. */
.sd-night .sd-card:not(.sd-night){box-shadow:var(--sd-night-print);border-color:transparent}
.sd-night .sd-card:not(.sd-night) h2,.sd-night .sd-card:not(.sd-night) h3{color:var(--sd-ink)}
.sd-night .sd-card:not(.sd-night) p{color:var(--sd-ink-soft)}
.sd-night .sd-card:not(.sd-night) .sd-link{color:var(--sd-ink);background-image:linear-gradient(var(--sd-swash),var(--sd-swash));background-size:100% .38em}
.sd-night .sd-card:not(.sd-night) .sd-plan{background:var(--sd-paper);color:var(--sd-ink);border-color:var(--sd-ink)}
.sd-night .sd-card:not(.sd-night) .sd-plan::before{box-shadow:0 0 0 1.5px var(--sd-ink)}
.sd-night .sd-card:not(.sd-night) :focus-visible{outline-color:var(--sd-ink)}
/* A dark card on a light page. */
.sd-card.sd-night{background:var(--sd-night-2);border-color:var(--sd-night-line);box-shadow:var(--sd-print-lg)}
