/* Light theme for every page (html.light): same layout as the dark system, warm daylight palette.
   Dawn accents are darkened so they hold contrast on a light ground. */
html.light{
  color-scheme:light;
  --ink:#fbf8f5;
  --ink-2:#ffffff;
  --line:rgba(46,24,44,.1);
  --line-hi:rgba(46,24,44,.2);
  --fg:#17131c;
  --fg-dim:#4d4553;
  --fg-mute:#685f6e;
  --sun:#c4650f;
  --rose:#cf3a68;
  --violet:#6a4bd6;
  scrollbar-color:rgba(46,24,44,.28) var(--ink);
}
html.light .brand-mark{background-image:url(/mark-dark.svg)}
html.light .d-head{background:rgba(251,248,245,.9)}
html.light .d-btn:hover{background:#2c2532}
html.light .d-btn.ghost:hover,html.light .d-nav a:hover,html.light .d-nav a[aria-current],html.light .d-menu nav a:hover,html.light .d-call:hover{background:rgba(46,24,44,.05)}
html.light .d-menu nav{box-shadow:inset 0 0 0 1px var(--line-hi),0 24px 48px -20px rgba(46,24,44,.3)}

/* screenshots and floating cards: soft daylight shadows instead of deep black */
html.light .d-shot{box-shadow:0 0 0 1px var(--line-hi),0 36px 80px -36px rgba(46,24,44,.35)}
html.light .chrome i{background:rgba(46,24,44,.14)}
html.light .chrome em{background:rgba(46,24,44,.05)}
html.light .h-note{background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px var(--line-hi),0 16px 36px -16px rgba(46,24,44,.35)}
html.light .h-note i{background:rgba(207,58,104,.1)}
html.light .n-call i{background:rgba(196,101,15,.12)}
html.light .n-lead i{background:rgba(106,75,214,.1)}

/* surfaces that used white-on-dark tints */
html.light .qa{background:rgba(46,24,44,.02)}
html.light details.qa[open]{background:#fff}
html.light .faq-q:hover{background:#f6f1f2}
html.light .call .cx{background:rgba(46,24,44,.05)}
html.light .call .ai{background:rgba(207,58,104,.08)}
html.light .cookie{background:rgba(255,255,255,.94)}
html.light .cookie .no{background:rgba(46,24,44,.05)}

/* atmosphere: a gentle sunrise wash instead of the night aurora */
html.light body::before{opacity:.5}
html.light body::after{opacity:.025}