/* Default Paper/Ivory presentation. The original dark stylesheet stays intact.
   Opening remains a dark, independent scene; all image colors are preserved. */
html:not([data-theme='dark']) {
  color-scheme: light;
  --ink: #fcfbfa;
  --text: #11162b;
  --muted: #606b82;
  --line: rgb(47 68 111 / 12%);
  --light-ink: #11162b;
  --light-secondary: #5b6782;
  --light-caption: #626d83;
  --light-accent: #9c425e;
  background: #fcfbfa;
  color: var(--light-ink);
}

html:not([data-theme='dark']) body { background: #fcfbfa; }
html:not([data-theme='dark']) ::selection { background: #edc5da; color: #11162b; }
html:not([data-theme='dark']) :focus-visible { outline-color: #a64b69; }
html:not([data-theme='dark']) :is(h1 > span, h2 > span) { color: #69758e; }
html:not([data-theme='dark']) .eyebrow { color: #59657e; }
html:not([data-theme='dark']) .section-number { color: #647087; }
html:not([data-theme='dark']) .live-dot { background: #c15a68; }
html:not([data-theme='dark']) .skip-content {
  color: #11162b;
  background: #fff7e9;
  box-shadow: 0 4px 20px #252b4914;
}

/* Soft surfaces and a small highlight preserve the existing button geometry. */
html:not([data-theme='dark']) .button--light {
  color: #fffaf3;
  background: linear-gradient(155deg, #46506b 0%, #28324d 42%, #19243e 100%);
  border-color: #27365680;
  box-shadow: 0 1px 0 #ffffff42 inset, 0 6px 22px #2636561c;
}
html:not([data-theme='dark']) .button:hover {
  box-shadow: 0 1px 0 #ffffff4d inset, 0 10px 27px #26365627;
}
html:not([data-theme='dark']) .text-link { color: #283852; }
html:not([data-theme='dark']) .text-link > span { color: #65738f; }

html:not([data-theme='dark']) .site-header { color: #11162b; }
html:not([data-theme='dark']) .brand__type small { color: #626d83; }
html:not([data-theme='dark']) .desktop-nav a { color: #53617a; }
html:not([data-theme='dark']) .desktop-nav a:hover { color: #11162b; }
html:not([data-theme='dark']) .login-link {
  background: linear-gradient(150deg, #ffffffc7, #f8faff8c);
  color: #28344e;
  border-color: #7589b134;
  box-shadow: 0 1px 0 #fff inset, 0 3px 14px #364a7410;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html:not([data-theme='dark']) .login-link:hover { background-color: #ffffffcc; }
html:not([data-theme='dark']) .menu-toggle span { background: #35415d; }
html:not([data-theme='dark']) .mobile-nav {
  color: #28344e;
  background: #fcfdfff2;
  box-shadow: 0 13px 24px #31456f0a;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html:not([data-theme='dark']) .mobile-nav a { color: #35445f; }

/* The dark opening keeps its own contrast, including the available login. */
html:not([data-theme='dark']) .opening { color: #f4f2ec; }
html:not([data-theme='dark']) .opening__brand { color: #f4f2ec; }
html:not([data-theme='dark']) .opening__brand small { color: #b0b2c3; }
html:not([data-theme='dark']) .intro-skip { color: #b8bbca; }
html:not([data-theme='dark']):is([data-intro='pending'], [data-intro='ready'], [data-intro='playing']) .login-link {
  color: #f4f2ec;
  background: linear-gradient(150deg, #182139ed, #10182ce6);
  border-color: #c7d1ff40;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:not([data-theme='dark']):is([data-intro='pending'], [data-intro='ready'], [data-intro='playing']) .menu-toggle span { background: #eee; }

/* Static mesh washes: open space, blue/lavender edges, a little coral warmth. */
html:not([data-theme='dark']) .hero {
  background:
    radial-gradient(ellipse at 94% 17%, #f9d8e34f 0%, transparent 44%),
    radial-gradient(ellipse at 74% 77%, #c7d4fb73 0%, transparent 52%),
    radial-gradient(ellipse at 8% 86%, #dfe7ff6e 0%, transparent 48%),
    linear-gradient(135deg, #fffefa 8%, #fafbff 58%, #f4f5ff 100%);
}
html:not([data-theme='dark']) .hero::before { opacity: .12; }
html:not([data-theme='dark']) .hero__aura {
  background: radial-gradient(ellipse, #f1c6d45e 0%, #b8c8f54d 35%, transparent 69%);
}
html:not([data-theme='dark']) .hero__sky i { background: #6c80ae; }
html:not([data-theme='dark']) .hero h1 > span { color: #69758e; }
html:not([data-theme='dark']) .hero__description { color: #58657c; }
html:not([data-theme='dark']) .hero__footnote { color: #626e86; }
html:not([data-theme='dark']) .hero__art img {
  filter: drop-shadow(0 25px 42px #566b9b1a);
}
html:not([data-theme='dark']) .hero__art figcaption { color: #626e86; }
html:not([data-theme='dark']) .hero__orbit { border-color: #6e83ac16; }
html:not([data-theme='dark']) .hero__bottom { color: #5e6b84; }
html:not([data-theme='dark']) .explore-link { color: #465672; }

html:not([data-theme='dark']) .product-section {
  background:
    radial-gradient(ellipse at 93% 43%, #e9dcf147 0%, transparent 46%),
    linear-gradient(180deg, #fcfbfa 0%, #f6f8ff 100%);
}
html:not([data-theme='dark']) .story-tabs button { color: #5b6882; }
html:not([data-theme='dark']) .story-tabs button > span { color: #65728b; }
html:not([data-theme='dark']) .story-tabs button[aria-selected='true'] {
  color: #17243e;
  border-bottom-color: #8c9bc04d;
}
html:not([data-theme='dark']) .story-tabs button[aria-selected='true'] > span { color: #9c425e; }
html:not([data-theme='dark']) .product-window {
  color: #28344e;
  background: linear-gradient(150deg, #ffffffde, #f7f9ffcf);
  border-color: #8da0c333;
  box-shadow: 0 20px 65px #50658f13, 0 1px 0 #fff inset;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html:not([data-theme='dark']) .window-bar { color: #55627c; }
html:not([data-theme='dark']) .window-dots i { background: #a0adc7; }
html:not([data-theme='dark']) .example-label {
  color: #637088;
  border-color: #788bac35;
  background: #fff9;
}
html:not([data-theme='dark']) .demo-heading { color: #36445e; }
html:not([data-theme='dark']) .demo-message {
  color: #3d4a63;
  background: linear-gradient(145deg, #eef2fb9c, #f3f0fa91);
  border-color: #7b90ba24;
}
html:not([data-theme='dark']) .demo-reply { color: #53617a; }
html:not([data-theme='dark']) .demo-spark { color: #a9496a; }
html:not([data-theme='dark']) .file-pills span {
  color: #586780;
  background: #ffffffe0;
  border-color: #7e91b535;
}
html:not([data-theme='dark']) .window-footer { color: #626f86; }
html:not([data-theme='dark']) .demo-plan li { color: #35435d; }
html:not([data-theme='dark']) .demo-plan li > span {
  color: #5b6986;
  border-color: #7d90b43b;
  background: #fff9;
}
html:not([data-theme='dark']) .demo-plan small { color: #647087; }
html:not([data-theme='dark']) .review-note { color: #78546a; }
html:not([data-theme='dark']) .review-note span { color: #9c425e; }
html:not([data-theme='dark']) .demo-result > div { color: #43516a; }
html:not([data-theme='dark']) .result-status { color: #3e6c5a; }
html:not([data-theme='dark']) .result-status--review { color: #925131; }
html:not([data-theme='dark']) .demo-result-copy { color: #606f85; }

html:not([data-theme='dark']) .orbs-section {
  background:
    radial-gradient(ellipse at 13% 42%, #d9e6fb6e 0%, transparent 54%),
    radial-gradient(ellipse at 85% 76%, #edddf047 0%, transparent 48%),
    #fcfbfa;
}
html:not([data-theme='dark']) .orbs-ring { border-color: #708bb529; }
html:not([data-theme='dark']) .orbs-ring::after { border-color: #b68fa52b; }
html:not([data-theme='dark']) .orb {
  border-color: #7184a33b;
  box-shadow: 0 15px 35px #42597f22, 0 1px 0 #ffffff52 inset;
}
html:not([data-theme='dark']) .quiet-list li > span { color: #9c4c61; }
html:not([data-theme='dark']) .quiet-list strong { color: #33425c; }
html:not([data-theme='dark']) .quiet-list li div > span { color: #606f85; }

html:not([data-theme='dark']) .usecases-section {
  background: linear-gradient(180deg, #fcfbfa 0%, #f8faff 100%);
}
html:not([data-theme='dark']) .usecase {
  background: linear-gradient(145deg, #ffffffc7, #ffffff73);
  border-color: #a4b4d332;
  box-shadow: 0 8px 28px #61769f08, 0 1px 0 #fff inset;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html:not([data-theme='dark']) .usecase-mark {
  color: #93576e;
  background: linear-gradient(140deg, #fff7ef, #f1effa);
  border-color: #b29ab32b;
}
html:not([data-theme='dark']) .usecase p { color: #5b6981; }
html:not([data-theme='dark']) .usecase a { color: #3a4a66; }
html:not([data-theme='dark']) .usecase a > span { color: #65738d; }

html:not([data-theme='dark']) .trust-section {
  background:
    radial-gradient(ellipse at 10% 45%, #e7def23b 0%, transparent 48%),
    linear-gradient(140deg, #f6f8ff, #fafbff);
}
html:not([data-theme='dark']) .connection-types span {
  color: #55647e;
  border-color: #8498bc36;
  background: #ffffff8c;
}
html:not([data-theme='dark']) .trust-points article > span { color: #66738c; }
html:not([data-theme='dark']) .trust-points p { color: #5e6c84; }

html:not([data-theme='dark']) .faq-section { background: #fcfbfa; }
html:not([data-theme='dark']) .faq-list summary { color: #33415a; }
html:not([data-theme='dark']) .faq-list summary::after { border-color: #67758e; }
html:not([data-theme='dark']) .faq-list details > p { color: #606d83; }
html:not([data-theme='dark']) .contact-section {
  background:
    radial-gradient(ellipse at 24% 94%, #d6e0fc75 0%, transparent 56%),
    radial-gradient(ellipse at 83% 72%, #f6d8df63 0%, transparent 52%),
    linear-gradient(180deg, #fcfbfa, #f6f6fc);
}
html:not([data-theme='dark']) .contact-inner > p:not(.eyebrow) { color: #5d6b83; }
html:not([data-theme='dark']) .site-footer { background: #f8f9fc; }
html:not([data-theme='dark']) .footer-inner > p { color: #626e84; }
html:not([data-theme='dark']) .footer-inner nav { color: #52617a; }
html:not([data-theme='dark']) .footer-inner nav a:hover { color: #11162b; }
html:not([data-theme='dark']) .copyright { color: #657187; border-color: #8b9fc625; }

@media (max-width: 767px) {
  html:not([data-theme='dark']) .hero {
    background:
      radial-gradient(ellipse at 96% 16%, #f7dae45c 0%, transparent 48%),
      radial-gradient(ellipse at 42% 83%, #cddafb83 0%, transparent 50%),
      linear-gradient(150deg, #fffefa, #f5f7ff);
  }
  html:not([data-theme='dark']) .hero__aura {
    background: radial-gradient(ellipse, #ead1e354, #c8d6f54d 39%, transparent 69%);
  }
}