/* ─────────────────────────────────────────────────────────────
   Register preview — daylight mode overrides
   When body[data-preview="daylight"], curated marquee surfaces
   flip from Nightfall to Daylight. Site chrome stays Nightfall.
   ───────────────────────────────────────────────────────────── */

/* Topbar register pill */
.register-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px 5px 8px;
  border-radius: var(--radius-full);
  border: 1px solid var(--border-default);
  background: rgba(255,255,255,0.04);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-muted);
  transition: background 200ms ease, border-color 200ms ease;
}
.register-pill .r-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid;
}
.register-pill[data-r="nightfall"] .r-dot {
  background: radial-gradient(circle at 30% 30%, #131B45, #050818);
  border-color: rgba(133,160,255,0.6);
}
.register-pill[data-r="daylight"] .r-dot {
  background: #FFFFFF;
  border-color: var(--neutral-300);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset;
}
.register-pill[data-r="daylight"] {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
  color: var(--fg-default);
}
.register-pill .r-name {
  color: var(--fg-default);
  font-weight: 500;
}

/* ════════════════════════════════════════════════════════════ */
/* Daylight preview overrides — applied when body[data-preview="daylight"] */

/* Page 02 — Foundations: Spirit (cosmic block) */
body[data-preview="daylight"] .spirit {
  background:
    radial-gradient(ellipse 70% 80% at 80% 20%, rgba(47,55,255,0.06), transparent 60%),
    radial-gradient(ellipse 60% 80% at 12% 90%, rgba(132,82,255,0.04), transparent 60%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
  color: #000;
}
body[data-preview="daylight"] .spirit::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.25) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.15) 0.5px, transparent 0.5px);
  opacity: 0.35;
}
body[data-preview="daylight"] .spirit h3 { color: #000; }
body[data-preview="daylight"] .spirit .body {
  color: #434349;
}
body[data-preview="daylight"] .spirit .body em { color: var(--blue-700); }
body[data-preview="daylight"] .spirit .eye { color: #767781; }
body[data-preview="daylight"] .spirit .eye span { color: var(--teal-700); }
body[data-preview="daylight"] .spirit .traits {
  color: #767781;
}
body[data-preview="daylight"] .spirit .traits li {
  border-bottom-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .spirit .traits li b { color: #000; }

/* Page 03 / shared: register-feature Nightfall block */
body[data-preview="daylight"] .register-feature.nightfall {
  background:
    radial-gradient(ellipse 60% 80% at 90% 10%, rgba(47,55,255,0.05), transparent 60%),
    radial-gradient(ellipse 50% 70% at 8% 90%, rgba(132,82,255,0.04), transparent 60%),
    #FFFFFF;
  color: #000;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .register-feature.nightfall::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.14) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .register-feature.nightfall .desc {
  color: #434349;
}
body[data-preview="daylight"] .register-feature.nightfall .preview-label { color: #767781; }
body[data-preview="daylight"] .register-feature.nightfall .preview-label .slash { color: var(--blue-700); }
body[data-preview="daylight"] .register-feature.nightfall .chip {
  border-color: rgba(0,0,0,0.12);
  color: #4E4E56;
  background: #FAFAFB;
}
body[data-preview="daylight"] .register-feature.nightfall .feature-sub { color: #767781; }
body[data-preview="daylight"] .register-feature.nightfall .feature-list li {
  border-bottom-color: rgba(0,0,0,0.06);
  color: #434349;
}

/* Page 05 — Logo hero */
body[data-preview="daylight"] .logo-hero {
  background:
    radial-gradient(ellipse 70% 80% at 50% 50%, rgba(47,55,255,0.05), transparent 60%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .logo-hero::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.14) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .logo-hero img[src*="White"] { display: none; }
body[data-preview="daylight"] .logo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/Emma-Logo-FullLockup-Black.svg") center / clamp(280px, 50%, 580px) no-repeat;
  z-index: 1;
}
body[data-preview="daylight"] .logo-hero .caption { color: #767781; }
body[data-preview="daylight"] .logo-hero .caption b { color: #000; }
body[data-preview="daylight"] .logo-hero .scale-tag { color: #767781; }

/* Page 08 — Imagery: cosmic-slate */
body[data-preview="daylight"] .cosmic-slate {
  background:
    radial-gradient(ellipse 100% 100% at 50% 0%, rgba(47,55,255,0.06), transparent 60%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
  color: #000;
}
body[data-preview="daylight"] .cosmic-slate::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.14) 0.5px, transparent 0.5px);
  opacity: 0.32;
}
body[data-preview="daylight"] .cosmic-slate svg.scene { opacity: 0.32; }
body[data-preview="daylight"] .cosmic-slate .tag { color: #767781; }
body[data-preview="daylight"] .cosmic-slate .tag b { color: var(--blue-700); }
body[data-preview="daylight"] .cosmic-slate h4 { color: #000; }
body[data-preview="daylight"] .cosmic-slate p { color: #4E4E56; }

/* Page 09 — Motion: motion-card stage */
body[data-preview="daylight"] .motion-card .stage {
  background:
    radial-gradient(ellipse 80% 100% at 50% 50%, rgba(47,55,255,0.06), transparent 60%),
    #FAFAFB;
}
body[data-preview="daylight"] .motion-card .stage::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.18) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .orbit-demo .o-ring { stroke: rgba(26,60,179,0.4) !important; }
body[data-preview="daylight"] .drift-demo .star { background: #1A3CB3 !important; filter: drop-shadow(0 0 6px rgba(26,60,179,0.3)) !important; }
body[data-preview="daylight"] .settle-demo .blk {
  background: rgba(0,0,0,0.05) !important;
  border-color: rgba(0,0,0,0.18) !important;
}

/* Page 11 — Architecture: cosmos-map + rule-closing */
body[data-preview="daylight"] .cosmos-map {
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(47,55,255,0.06), transparent 65%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .cosmos-map::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.14) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .cosmos-map .label { color: #4E4E56; }
body[data-preview="daylight"] .cosmos-map .label b { color: #000; }
body[data-preview="daylight"] .cosmos-map .legend { color: #4E4E56; }
body[data-preview="daylight"] .cosmos-map .legend em { color: var(--blue-700); }

body[data-preview="daylight"] .rule-closing {
  background:
    radial-gradient(ellipse 80% 100% at 50% 0%, rgba(47,55,255,0.08), transparent 65%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.12);
  color: #000;
}
body[data-preview="daylight"] .rule-closing::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .rule-closing .eye { color: #767781; }
body[data-preview="daylight"] .rule-closing .eye span { color: var(--blue-700); }
body[data-preview="daylight"] .rule-closing h3 { color: #000; }
body[data-preview="daylight"] .rule-closing h3 em { color: var(--blue-700); }

/* Page 12 — Applications: demo-marketing, social-post, web-mock, card-face.front, linkedin banner */
body[data-preview="daylight"] .demo-marketing {
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(47,55,255,0.06), transparent 60%),
    radial-gradient(ellipse 60% 80% at 0% 100%, rgba(132,82,255,0.05), transparent 60%),
    #FFFFFF;
  color: #000;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .demo-marketing::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px),
    radial-gradient(circle, rgba(0,0,0,0.14) 0.5px, transparent 0.5px);
  opacity: 0.32;
}
body[data-preview="daylight"] .demo-marketing h4 { color: #000; }
body[data-preview="daylight"] .demo-marketing p { color: #4E4E56; }
body[data-preview="daylight"] .demo-marketing .ey { color: var(--blue-700); }
body[data-preview="daylight"] .demo-marketing .btn-w { background: #000; color: #FFF; }
body[data-preview="daylight"] .demo-marketing .btn-out { color: #000; border-color: rgba(0,0,0,0.12); }

body[data-preview="daylight"] .social-post {
  background:
    radial-gradient(ellipse 60% 80% at 80% 20%, rgba(132,82,255,0.06), transparent 60%),
    radial-gradient(ellipse 70% 80% at 20% 90%, rgba(47,55,255,0.06), transparent 60%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .social-post::after {
  background-image:
    radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .social-post .top .logo img { content: url("/assets/Emma-Logo-Mark-Black.svg"); }
body[data-preview="daylight"] .social-post .top .ix { color: #767781; }
body[data-preview="daylight"] .social-post h3 { color: #000; }
body[data-preview="daylight"] .social-post .foot { color: #767781; }
body[data-preview="daylight"] .social-post .foot b { color: #000; }

body[data-preview="daylight"] .web-mock {
  background:
    radial-gradient(ellipse 70% 80% at 80% 0%, rgba(47,55,255,0.06), transparent 60%),
    radial-gradient(ellipse 60% 70% at 0% 100%, rgba(132,82,255,0.05), transparent 60%),
    #FFFFFF;
  border-color: rgba(0,0,0,0.08);
}
body[data-preview="daylight"] .web-mock::after {
  background-image: radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .web-mock .topnav { border-bottom-color: rgba(0,0,0,0.08); }
body[data-preview="daylight"] .web-mock .topnav .logo img { content: url("/assets/Emma-Logo-FullLockup-Black.svg"); }
body[data-preview="daylight"] .web-mock .topnav .links { color: #767781; }
body[data-preview="daylight"] .web-mock .topnav .cta { background: #000; color: #FFF; }
body[data-preview="daylight"] .web-mock .hero h1 { color: #000; }
body[data-preview="daylight"] .web-mock .hero p { color: #4E4E56; }
body[data-preview="daylight"] .web-mock .hero .ey { color: var(--blue-700); }
body[data-preview="daylight"] .web-mock .hero .ctas .btn-w { background: #000; color: #FFF; }
body[data-preview="daylight"] .web-mock .hero .ctas .btn-o {
  color: #000; border-color: rgba(0,0,0,0.12);
}

body[data-preview="daylight"] .card-face.front {
  background:
    radial-gradient(ellipse 60% 100% at 100% 100%, rgba(47,55,255,0.06), transparent 60%),
    #FFFFFF;
  color: #000;
  border-color: rgba(0,0,0,0.12);
}
body[data-preview="daylight"] .card-face.front::after {
  background-image: radial-gradient(circle, rgba(0,0,0,0.22) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .card-face.front .logo img { content: url("/assets/Emma-Logo-FullLockup-Black.svg"); }
body[data-preview="daylight"] .card-face.front .url { color: #767781; }
body[data-preview="daylight"] .card-face.front .scale { color: #93949D; }

body[data-preview="daylight"] .linkedin-card .banner {
  background:
    radial-gradient(ellipse 60% 100% at 30% 30%, rgba(47,55,255,0.10), transparent 60%),
    #F7F7F8;
}
body[data-preview="daylight"] .linkedin-card .banner::after {
  background-image: radial-gradient(circle, rgba(0,0,0,0.16) 0.5px, transparent 0.5px);
  opacity: 0.3;
}
body[data-preview="daylight"] .linkedin-card .banner svg ellipse {
  stroke: rgba(26,60,179,0.32) !important;
}
body[data-preview="daylight"] .linkedin-card .banner svg circle[fill="#FFFFFF"] { fill: #000 !important; }

/* Page 01 — Overview: orbit-hero glow softens */
body[data-preview="daylight"] .orbit-hero {
  background: transparent;
}
body[data-preview="daylight"] .orbit-hero .orbit-glow {
  background: radial-gradient(circle, rgba(47,55,255,0.10) 0%, transparent 60%);
}
body[data-preview="daylight"] .orbit-hero .orbit-ring { stroke: rgba(26,60,179,0.32) !important; }
body[data-preview="daylight"] .orbit-hero .orbit-ring.b { stroke: rgba(86,106,255,0.4) !important; }
body[data-preview="daylight"] .orbit-hero .orbit-ring.p { stroke: rgba(132,82,255,0.4) !important; }
body[data-preview="daylight"] .orbit-hero .orbit-ring.t { stroke: rgba(0,204,206,0.32) !important; }
body[data-preview="daylight"] .orbit-hero .orbit-core img { content: url("/assets/Emma-Logo-Mark-Black.svg"); }
body[data-preview="daylight"] .orbit-hero .orbit-core { filter: drop-shadow(0 0 24px rgba(47,55,255,0.16)); }

/* Nightfall preview (default) — explicit re-skin to undo any leftover daylight rules.
   Most rules above are scoped to body[data-preview="daylight"], so when we flip back
   to nightfall the default styles take over naturally. */