/* Home, light theme (index.html sets html[data-theme="light"]).
   Warm paper, ink type, one violet accent. Devices (laptop, phones, browser chrome) stay dark: they are real objects.
   Tokens are swapped first (text colours flip), then the hard-coded dark surfaces of home.css / hero-v2.css are repainted. */
html[data-theme="light"] {
  --paper: #faf8f4;
  --paper-2: #f3f0ea;
  --ink: #ffffff;           /* "ink" is the inverse colour: text on dark buttons */
  --ink-2: #f4f2f8;
  --ink-3: #ebe8f2;
  --chalk: #15161c;         /* "chalk" is the main text colour */
  --lilac: #5b3fe0;
  --dim: #5d6272;
  --ash: #4b5060;
  --leak: #e5484d;
  --keep: #0f9a68;
  --hair-d: rgba(21, 22, 28, .1);
  --nav-ink: #ffffff; --nav-ink-2: #f1eff6; --nav-chalk: #15161c; --nav-dim: #5d6272; --nav-hair: rgba(21, 22, 28, .08);
  color-scheme: light;
}
html[data-theme="light"] body[data-public] { background: var(--paper); color: var(--chalk); }
html[data-theme="light"] body[data-public]::after { filter: invert(1); opacity: .025; }
html[data-theme="light"] .nav { background: rgba(250, 248, 244, .82); }
html[data-theme="light"] .tier, html[data-theme="light"] .calc, html[data-theme="light"] .proof, html[data-theme="light"] .pform { box-shadow: 0 1px 2px rgba(21, 22, 28, .04), 0 12px 40px rgba(40, 30, 90, .07); }

/* scenes: soft tints instead of neon glows */
html[data-theme="light"] .scene::before, html[data-theme="light"] .scene::after { opacity: .5; }
html[data-theme="light"] .scene-leak, html[data-theme="light"] #prezzi { background: #fff; }

/* hero */
html[data-theme="light"] .hero { background: var(--paper); }
html[data-theme="light"] .aurora i { opacity: .22; }
html[data-theme="light"] .aurora i:nth-child(2) { opacity: .16; }
html[data-theme="light"] .aurora i:nth-child(3), html[data-theme="light"] .aurora i:nth-child(4) { opacity: .12; }
html[data-theme="light"] .stars { display: none; }
html[data-theme="light"] .hero-fade { background: linear-gradient(transparent, var(--paper)); }
html[data-theme="light"] .hero h1 .grad { background: linear-gradient(100deg, #15161c 0%, #3b2aa0 38%, #6d4cff 68%, #d43f8d 100%); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .namebox { background: #fff; border-color: rgba(21, 22, 28, .14); box-shadow: 0 1px 2px rgba(21, 22, 28, .05), 0 20px 50px rgba(40, 30, 90, .1); }
html[data-theme="light"] .namebox:focus-within { border-color: var(--violet); box-shadow: 0 0 0 5px rgba(123, 92, 255, .16), 0 20px 50px rgba(40, 30, 90, .1); }
html[data-theme="light"] .namebox input::placeholder { color: #8a8f9c; }
html[data-theme="light"] .chip-pick { background: #fff; color: #3b3f4c; border-color: rgba(21, 22, 28, .14); }
html[data-theme="light"] .chip-pick:hover { color: #15161c; border-color: rgba(21, 22, 28, .32); }
html[data-theme="light"] .chip-pick[aria-pressed="true"], html[data-theme="light"] .hero-v2.demo .chip-pick.demo-on { background: #15161c; color: #fff; border-color: #15161c; }
html[data-theme="light"] .hero-v2.demo .chip-pick[aria-pressed="true"]:not(.demo-on) { background: #fff; color: #3b3f4c; border-color: rgba(21, 22, 28, .14); }
html[data-theme="light"] .v2-hint { color: #6b7080; }
html[data-theme="light"] .v2-stage .laptop { box-shadow: 0 40px 90px rgba(40, 30, 90, .22), 0 0 0 1px rgba(21, 22, 28, .1); }
html[data-theme="light"] .v2-phone { box-shadow: 0 30px 60px rgba(40, 30, 90, .28), 0 0 0 1px rgba(21, 22, 28, .12); }
html[data-theme="light"] .hero-v2 .marquee, html[data-theme="light"] body[data-public] .marquee { background: rgba(255, 255, 255, .7); }
html[data-theme="light"] .marquee .track { color: #4b5060; }
/* darker red/green on the white ticker: the stock --leak/--keep are under 4.5:1 at mobile size */
html[data-theme="light"] .marquee .track b { color: #c9363b; }
html[data-theme="light"] .marquee .track b[style*="--keep"] { color: #0b7d54 !important; }

/* commissions */
html[data-theme="light"] .ncard { box-shadow: 0 14px 34px rgba(40, 30, 90, .14); }
html[data-theme="light"] .ncards .ncard[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--paper), 0 0 0 6px var(--violet), 0 24px 50px color-mix(in srgb, var(--a) 40%, transparent); }
html[data-theme="light"] .ncards:has([aria-pressed="true"]) .ncard:not([aria-pressed="true"]) { filter: saturate(.75) opacity(.88); }
html[data-theme="light"] body[data-public] .coin, html[data-theme="light"] body[data-public] .k-rest { background: #15161c; opacity: .08; }
html[data-theme="light"] body[data-public] .coin.taken { background: var(--leak); opacity: 1; box-shadow: 0 4px 12px rgba(229, 72, 77, .3); }
html[data-theme="light"] body[data-public] .coin.found { background: var(--violet); opacity: 1; box-shadow: 0 4px 12px rgba(123, 92, 255, .3); }
html[data-theme="light"] body[data-public] .calc { background: var(--paper); border-color: rgba(21, 22, 28, .08); }
html[data-theme="light"] body[data-public] .calc .out .hl { color: #fff; }

/* night story → evening light */
html[data-theme="light"] .story-pin { background: radial-gradient(120% 80% at 75% 110%, #e6defd 0%, transparent 60%), linear-gradient(180deg, var(--paper) 0%, #f1edf9 100%); }
html[data-theme="light"] .story-pin::before { opacity: .45; }
html[data-theme="light"] .story-pin::after { opacity: .45; }
html[data-theme="light"] .story-caps li { color: #15161c; }
html[data-theme="light"] .story-steps i { background: rgba(21, 22, 28, .12); }
html[data-theme="light"] .story-steps i.on { background: linear-gradient(90deg, var(--violet), #a48bff); }
html[data-theme="light"] .story-stat { color: #3b3f4c; }
html[data-theme="light"] .sphone { box-shadow: 0 0 0 1px rgba(21, 22, 28, .12), inset 0 0 0 2px #1d1e24, 0 40px 90px rgba(40, 30, 90, .25); }

/* your site */
html[data-theme="light"] .tour-list li.on { background: #fff; border-color: rgba(21, 22, 28, .08); box-shadow: 0 8px 24px rgba(40, 30, 90, .08); }
html[data-theme="light"] .tour-stage .browser, html[data-theme="light"] .browser { box-shadow: 0 40px 90px rgba(40, 30, 90, .2), 0 0 0 1px rgba(21, 22, 28, .1); }
html[data-theme="light"] .hphone { box-shadow: 0 24px 50px rgba(40, 30, 90, .25), 0 0 0 1px rgba(21, 22, 28, .12); }
html[data-theme="light"] .proof { background: #fff; border-color: rgba(21, 22, 28, .08); }
html[data-theme="light"] .proof p { color: #3b3f4c; }

/* pricing: white cards, the recommended one in ink */
html[data-theme="light"] body[data-public] .tier { background: var(--paper); border-color: rgba(21, 22, 28, .08); }
html[data-theme="light"] body[data-public] .tier.best { background: #15161c; color: #fff; border: 0; box-shadow: 0 30px 70px rgba(40, 30, 90, .28); }
html[data-theme="light"] body[data-public] .tier.best .label, html[data-theme="light"] body[data-public] .tier.best li::before { color: #c4b5ff; }

/* form */
html[data-theme="light"] .form-copy li { color: #3b3f4c; }
html[data-theme="light"] .pform { background: #fff; border-color: rgba(21, 22, 28, .08); color-scheme: light; }
html[data-theme="light"] .field input, html[data-theme="light"] .field select { background: var(--paper); border-color: rgba(21, 22, 28, .1); }
html[data-theme="light"] .field input:focus, html[data-theme="light"] .field select:focus { background: #fff; }
html[data-theme="light"] .field input::placeholder { color: #8a8f9c; }
html[data-theme="light"] .chip span { background: var(--paper); border-color: rgba(21, 22, 28, .1); }
html[data-theme="light"] .chip:hover span { border-color: rgba(21, 22, 28, .28); }
html[data-theme="light"] .chip input:checked + span { background: #15161c; color: #fff; border-color: #15161c; box-shadow: 0 0 0 3px rgba(123, 92, 255, .18); }
html[data-theme="light"] .chip input:checked + span::before { color: #c4b5ff; }
html[data-theme="light"] .chip input:focus-visible + span { border-color: var(--violet); }

/* browser chrome stays dark in the light theme: keep the address readable */
html[data-theme="light"] .burl, html[data-theme="light"] .lbar span { color: #a3a9b8; }