/* Shared landing light palette; layout and interactions stay in the common files. */
html[data-theme="light"] { background: #fff; color: #111; color-scheme: light; }
html[data-theme="light"] body { background: #fff; }
html[data-theme="light"] ::selection { background: #171717; color: #fff; }
html[data-theme="light"] #madeit-home .mono {
  --bg: #fff;
  --fg: #111;
  --muted: #6b6b6b;
  --panel: #f1f1f1;
  --line: #dedede;
}
html[data-theme="light"] #madeit-home .brand { color: #111; }
html[data-theme="light"] #madeit-home .brand img { filter: invert(1); }
html[data-theme="light"] #madeit-home .head { background: #fffffff5; border-bottom-color: #11111108; }
html[data-theme="light"] #madeit-home .head.is-scrolled { border-color: #e4e4e4; box-shadow: 0 6px 24px #0000000a; }
html[data-theme="light"] #madeit-home .login { background: #f3f3f3; color: #111; }
html[data-theme="light"] #madeit-home .start-small, html[data-theme="light"] #madeit-home .primary { background: #111; color: #fff !important; }
html[data-theme="light"] #madeit-home .primary:hover { box-shadow: 0 8px 22px #00000016; }
html[data-theme="light"] #madeit-home .menu-toggle { color: #111; }
html[data-theme="light"] #madeit-home .tagline { color: #767676; }
html[data-theme="light"] #madeit-home .sticker { box-shadow: none; filter: drop-shadow(0 6px 10px #00000016); }
html[data-theme="light"] #madeit-home .sticker.oval { background: #fff; color: #111; border-color: #111; outline-color: #fff; }
html[data-theme="light"] #madeit-home .sticker.ticket { background: #111; color: #fff; border-color: #fff; outline-color: #111; }
html[data-theme="light"] #madeit-home .sticker.star { color: #111; }
html[data-theme="light"] #madeit-home .sticker.pointer { color: #fff; filter: drop-shadow(0 3px 3px #0003); }
html[data-theme="light"] #madeit-home .sticker.pointer > svg { fill: #111; }
html[data-theme="light"] #madeit-home .float-card { background: #fff; outline: 1px solid #eaeaea; box-shadow: 0 22px 44px -12px #00000026, 0 4px 10px #00000005; }
html[data-theme="light"] #madeit-home .float-mini { background: #161616; color: #fff; border-color: #333; box-shadow: 0 12px 24px -8px #0003; }
html[data-theme="light"] #madeit-home .cases { background: #f7f7f7; }
html[data-theme="light"] #madeit-home .section-title p, html[data-theme="light"] #madeit-home .split-copy>p { color: #6b6b6b; }
html[data-theme="light"] #madeit-home .case-tabs button { background: #eaeaea; color: #646464; }
html[data-theme="light"] #madeit-home .case-tabs button:hover:not([aria-pressed=true]) { background: #dedede; color: #111; }
html[data-theme="light"] #madeit-home .case-tabs button[aria-pressed=true] { background: #111; color: #fff; }
html[data-theme="light"] #madeit-home .case-phone { border-color: #fff; box-shadow: 0 0 0 1px #0000000d, 0 24px 45px -16px #0004; }
html[data-theme="light"] #madeit-home .creative-stage:before { background: #f3f3f3; }
html[data-theme="light"] #madeit-home .creative-canvas { box-shadow: 0 22px 50px -18px #0003, 0 0 0 1px #e6e6e6; }
html[data-theme="light"] #madeit-home .creative-phone { box-shadow: 0 24px 46px -16px #0004, 0 0 0 1px #0000000d; }
html[data-theme="light"] #madeit-home .creative-palette { box-shadow: 0 12px 26px -8px #0003, 0 0 0 1px #e9e9e9; }
html[data-theme="light"] #madeit-home .creative-stage[data-active=more] .creative-palette { box-shadow: 0 0 0 3px #111, 0 0 0 5px #fff, 0 12px 26px -8px #0003; }
html[data-theme="light"] #madeit-home .creative-status { color: #6b6b6b; }
html[data-theme="light"] #madeit-home .design { background: #f6f6f6; }
html[data-theme="light"] #madeit-home .type-board { box-shadow: 0 20px 40px -14px #0003, 0 0 0 1px #00000006; }
html[data-theme="light"] #madeit-home .style-options { background: #171717; box-shadow: 0 14px 26px -10px #0004; }
html[data-theme="light"] #madeit-home .design-tags span { background: #fff; border-color: #e5e5e5; color: #111; }
html[data-theme="light"] #madeit-home .mobile-frame { border-color: #242424; box-shadow: 0 24px 44px -14px #0004; }
html[data-theme="light"] #madeit-home .saved-bubble { box-shadow: 0 10px 28px -6px #0002, 0 0 0 1px #00000008; }
html[data-theme="light"] #madeit-home .share { background: #f6f6f6; }
html[data-theme="light"] #madeit-home .share .split-copy p { color: #6b6b6b; }
html[data-theme="light"] #madeit-home .faq details { background: #f5f5f5; }
html[data-theme="light"] #madeit-home .faq summary:after { color: #737373; }
html[data-theme="light"] #madeit-home .faq details p { color: #656565; }
html[data-theme="light"] #madeit-home .closing { background: #f5f5f5; }
html[data-theme="light"] #madeit-home .footer .brand { color: #111; }
html[data-theme="light"] #madeit-home .footer span { color: #767676; }
html[data-theme="light"] #madeit-home a:focus-visible, html[data-theme="light"] #madeit-home button:focus-visible, html[data-theme="light"] #madeit-home summary:focus-visible { outline-color: #111; }
@media (max-width: 760px) {
  html[data-theme="light"] #madeit-home .head nav { background: #fff; border-color: #e5e5e5; box-shadow: 0 12px 28px #00000014; }
  html[data-theme="light"] #madeit-home .head nav a:hover { background: #f3f3f3; }
  html[data-theme="light"] #madeit-home .case-arrow { background: #ffffffed; color: #111; box-shadow: 0 3px 10px #0000000d; }
  html[data-theme="light"] #madeit-home .case-arrow:hover { background: #fff; }
}

html:not([data-theme="light"]) { color-scheme: dark; }

html[data-theme="light"] #madeit-home #madeit-mono-poster .hero-play .click-guide { stroke: #111; }