/* GENERATED by scripts/light-theme.mjs: do not edit by hand. Run `node scripts/light-theme.mjs` after changing colors. */

/* ---- from styles.css ---- */
:root[data-theme="light"] .banner-grid { background: linear-gradient(rgba(0, 0, 0, 0.102) 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(90deg, rgba(0, 0, 0, 0.102) 1px, transparent 1px) 0 0 / 8px 8px, var(--panel) !important; }
:root[data-theme="light"] .clip-frame { background: #f0f0f0; }
:root[data-theme="light"] a[data-hc] { border-bottom: 1px dotted rgba(0, 0, 0, 0.267); }
:root[data-theme="light"] .spot:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .hero-shade { background: radial-gradient(ellipse at center, rgba(239, 239, 239, 0.333) 0%, rgba(239, 239, 239, 0.8) 60%, var(--bg) 100%), linear-gradient(transparent 60%, var(--bg)); }
:root[data-theme="light"] .person-stats { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .rich blockquote { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .rich code { background: rgba(0, 0, 0, 0.078); }
:root[data-theme="light"] .spoiler:hover,
:root[data-theme="light"] .spoiler:focus { background: rgba(0, 0, 0, 0.078); }
:root[data-theme="light"] .rt-bar { background: rgba(0, 0, 0, 0.024); }
:root[data-theme="light"] .rt-btn { color: var(--text, #161616); }
:root[data-theme="light"] .rt-btn:hover,
:root[data-theme="light"] .rt-btn.on { background: rgba(0, 0, 0, 0.078); }
:root[data-theme="light"] .rt-preview { background: rgba(0, 0, 0, 0.02); }
:root[data-theme="light"] .sp-logo { border: 3px solid rgba(0, 0, 0, 0.133); }
:root[data-theme="light"] .sp-member:hover { background: rgba(0, 0, 0, 0.039); }
:root[data-theme="light"] .sp-comment.dev { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .st-banner { background: rgba(0, 0, 0, 0.039); }
:root[data-theme="light"] .report blockquote { background: rgba(0, 0, 0, 0.024); }
:root[data-theme="light"] .gl-pick { background: rgba(0, 0, 0, 0.02); }
:root[data-theme="light"] .chip { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .gpost { background: rgba(0, 0, 0, 0.016); }
:root[data-theme="light"] .share-cardlet { background: rgba(0, 0, 0, 0.024); }
:root[data-theme="light"] .vote { background: rgba(0, 0, 0, 0.024); }
:root[data-theme="light"] .fb-reply { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .hub-tile:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .sq-logo { border: 2px solid rgba(0, 0, 0, 0.2); }
:root[data-theme="light"] .sq-badge.private { color: #5a5a5a; }
:root[data-theme="light"] .sq-tagline { color: #141414; }
@media (max-width: 760px) {
  :root[data-theme="light"] .chip-select { color: var(--text, #161616); border: 1px solid var(--line, #cccccc); }
}
:root[data-theme="light"] .fflair { color: #262626; }
:root[data-theme="light"] .wcard:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .wvibe,
:root[data-theme="light"] .wbadge { color: #181818; }
:root[data-theme="light"] .wplayer { background: #f0f0f0; }
:root[data-theme="light"] .door:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .wspot-card:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .ls-row img,
:root[data-theme="light"] .ls-ph { background: rgba(0, 0, 0, 0.063); }
:root[data-theme="light"] .deal-watch { border: 1px solid rgba(0, 0, 0, 0.2); }
:root[data-theme="light"] .pr-th { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .share-opt:hover { background: rgba(0, 0, 0, 0.051); }
:root[data-theme="light"] .gp-status { background: rgba(0, 0, 0, 0.122); border: 1px solid rgba(0, 0, 0, 0.2); }
:root[data-theme="light"] .gp-stage img { background: #f0f0f0; }
:root[data-theme="light"] .gp-rv-tag.no { background: rgba(0, 0, 0, 0.078); }
:root[data-theme="light"] .nb-chips span { border: 1px solid rgba(0, 0, 0, 0.165); }
:root[data-theme="light"] .nb-hero-actions .btn.ghost { border-color: rgba(0, 0, 0, 0.251); }
:root[data-theme="light"] .nb-msg:hover { background: rgba(0, 0, 0, 0.031); }
:root[data-theme="light"] .dm-convo:hover,
:root[data-theme="light"] .dm-convo.on { background: rgba(0, 0, 0, 0.059); }
:root[data-theme="light"] .dm-bubble { background: rgba(0, 0, 0, 0.071); }
:root[data-theme="light"] .dm-msg.mine .dm-bubble { background: #d0d0d0; }
:root[data-theme="light"] .fbf-tag.no { background: rgba(0, 0, 0, 0.078); }
:root[data-theme="light"] .fc-opt:hover { background: rgba(0, 0, 0, 0.051); }
:root[data-theme="light"] .hd-th { background: #d7d7d7; }
:root[data-theme="light"] .hd-th.s2 { background: #d1d1d1; }
:root[data-theme="light"] .hd-th.s3 { background: #dbdbdb; }
:root[data-theme="light"] .hd-av { background: #c8c8c8; }
:root[data-theme="light"] .hd-ln span { background: #cdcdcd; }
:root[data-theme="light"] .hd-ln span + span { background: #d5d5d5; }
:root[data-theme="light"] .hd-far .hd-you .hd-th { background: var(--line); }

/* ---- from ui.css ---- */
:root[data-theme="light"] .ss-opt:hover,
:root[data-theme="light"] .ss-opt.act { background: rgba(0, 0, 0, 0.051); }
:root[data-theme="light"] .mood:hover { background: rgba(0, 0, 0, 0.039) !important; }
:root[data-theme="light"] .gs-row:hover,
:root[data-theme="light"] .gs-row:focus { background: rgba(0, 0, 0, 0.051); }
:root[data-theme="light"] .tdd-list .mood:hover { background: rgba(0, 0, 0, 0.071) !important; }
:root[data-theme="light"] .wsurp-opt { border-left: 1px solid rgba(0, 0, 0, 0.2); }
:root[data-theme="light"] .vault-clip { background: var(--panel2, var(--panel2)); }
:root[data-theme="light"] .vault-demo { color: #272727; }
:root[data-theme="light"] .sv-stats div { background: var(--panel2, var(--panel2)); }
:root[data-theme="light"] .sv-month { background: var(--panel2, var(--panel2)); }
:root[data-theme="light"] .tp-card { background: var(--panel2, var(--panel2)); }
:root[data-theme="light"] .fbf-vod { background: var(--panel2, var(--panel2)); }
:root[data-theme="light"] .fsl-stage.on { background: #f0f0f0; }
:root[data-theme="light"] .gl-sopt:hover,
:root[data-theme="light"] .gl-sopt.act { background: rgba(0, 0, 0, 0.051); }
:root[data-theme="light"] .gl-sopt img,
:root[data-theme="light"] .gl-sopt .art { background: rgba(0, 0, 0, 0.039); }
:root[data-theme="light"] .wcard.fpick-card.fpicked .wthumb::after { background: rgba(239, 239, 239, 0.851); }
:root[data-theme="light"] .wcard.fpick-card.fpick-full:not(.fpicked) .wthumb::after { background: rgba(239, 239, 239, 0.851); }
:root[data-theme="light"] .wf-strip:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .wspot-card.gem:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .ss-btn:hover,
:root[data-theme="light"] .tdd-btn:hover,
:root[data-theme="light"] .fc-dest:hover { border-color: #c1c1c1 !important; }
:root[data-theme="light"] input:focus,
:root[data-theme="light"] select:focus { outline: 1px solid #b1b1b1; }
:root[data-theme="light"] button:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .btn.ghost:hover { border-color: #c1c1c1; }
:root[data-theme="light"] .sw-opt:hover { border-color: #c1c1c1; background: #dadada; }
:root[data-theme="light"] .sw-tick { border: 1px solid #b1b1b1; }
:root[data-theme="light"] .legal-blank { color: var(--muted, #606060); }
:root[data-theme="light"] .hero-shade { background: radial-gradient(ellipse at center, rgba(239, 239, 239, 0.25) 0%, rgba(239, 239, 239, 0.7) 70%), linear-gradient(to bottom, transparent 50%, var(--bg) 100%); }
:root[data-theme="light"] .hero-shade { background: radial-gradient(ellipse at 30% 40%, rgba(239, 239, 239, 0.55) 0%, rgba(239, 239, 239, 0.25) 65%), linear-gradient(to bottom, transparent 55%, var(--bg) 100%); }

/* ---- from party.css ---- */
:root[data-theme="light"] .pk-thumb { background: #f0f0f0; }
:root[data-theme="light"] .pk-added { background: rgba(239, 239, 239, 0.702); }
:root[data-theme="light"] .wcard.wadd-card.wadded .wthumb::after { background: rgba(239, 239, 239, 0.851); }
:root[data-theme="light"] .wcard.wadd-card.wadd-full:not(.wadded) .wthumb::after { background: rgba(239, 239, 239, 0.851); }

/* ---- from youtube.css ---- */
:root[data-theme="light"] .yt-prev { background: #f0f0f0; color: #141414; }
:root[data-theme="light"] .yt-pv-img { background: #cccccc; }
:root[data-theme="light"] .yt-pv-sep { border-top: 1px dashed #aaaaaa; }

/* ---- from tabletop.css ---- */
:root[data-theme="light"] .tt-thumb { background: var(--bg); }
:root[data-theme="light"] .tt-boardbox { background: var(--bg); }
:root[data-theme="light"] .tt-tip { color: #272727; }
:root[data-theme="light"] .tt-sw-111111 { background: #eeeeee; border: 1px solid #aaaaaa; }
:root[data-theme="light"] .tt-l.priv { border: 1px dashed rgba(0, 0, 0, 0.2); }
:root[data-theme="light"] .tt-die { background: var(--bg); }
:root[data-theme="light"] .tt-hp { background: var(--bg); }
:root[data-theme="light"] .tt-stats div { background: var(--bg); }
:root[data-theme="light"] .tt-stream-body { background: var(--bg); color: #161616; }
:root[data-theme="light"] .tt-sp { border: 1px solid var(--line); }
:root[data-theme="light"] .tt-sp-dice .tt-pop-who { color: #444444; }
:root[data-theme="light"] .tt-pop-break { color: #444444; }
:root[data-theme="light"] .tt-pop-break .tt-die { background: var(--panel2); border: 1px solid var(--line); }
:root[data-theme="light"] .tt-sp-h { color: #444444; }
:root[data-theme="light"] .tt-sresult { background: var(--panel); }