/* Light palette: warm paper, solid brand ink, and full-color artwork. */
html[data-theme=light]{--paper:#faf9f6;--ink:#111111;--brand-ink:#fd024b;--muted:#6a6a6a;--line:#e2e2e2}
html[data-theme=light] header{background:#faf9f6f5;border-color:#e2e2e2}
html[data-theme=light] .hero{background:var(--paper)}
html[data-theme=light] .hero-art{opacity:1;filter:none;left:38%;width:70%;object-position:75% center;mask-image:linear-gradient(90deg,transparent,#000000 25%)}
html[data-theme=light] .hero-shade{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 36%,#faf9f6e6 44%,#faf9f600 64%)}
html[data-theme=light] .hero-description{color:#282828}
html[data-theme=light] .hero-content .text-button{color:var(--brand-ink)}
html[data-theme=light] .hero-bottom>span{color:#ffffff}
html[data-theme=light] .hero-bottom>span i{color:#fd024b}
html[data-theme=light] .hero .floating-label,html[data-theme=light] .hero-companion span{background:#fffffff2;border-color:#bebebe;color:var(--brand-ink);box-shadow:0 4px 18px #11111115}
html[data-theme=light] .game-card{border-color:#e2e2e2;box-shadow:0 8px 25px #11111108}
html[data-theme=light] .game-card:hover{border-color:#9b9b9b;box-shadow:0 12px 32px #fd024b14}
html[data-theme=light] .game-info h3{color:var(--ink)}
html[data-theme=light] .status{color:#282828}
html[data-theme=light] .game-info p,html[data-theme=light] .section-heading>p,html[data-theme=light] .statement p:not(.eyebrow){color:#6a6a6a}
html[data-theme=light] .character-world{background:#e2e2e2}
html[data-theme=light] .character-heading .eyebrow{color:#282828}
html[data-theme=light] .character-traits span{background:#ffffffc4;border-color:#bebebe;color:#282828}
html[data-theme=light] .character-option{background:#f6f6f6;border-color:#bebebe}
html[data-theme=light] .character-option[aria-selected=true]{background:#f6f6f6;border:1px solid #6a6a6a;box-shadow:0 5px 18px #fd024b0d}
html[data-theme=light] .character-option strong{color:#111111}
html[data-theme=light] .spec-track{background:#e2e2e2}
html[data-theme=light] .values p{opacity:1;color:#6a6a6a}
html[data-theme=light] .about{background:#f6f6f6}
html[data-theme=light] .process{background:#e2e2e2}
html[data-theme=light] .coming{background:#f6f6f6}
html[data-theme=light] .coming>img{opacity:1;left:30%;width:75%;object-position:70% center;mask-image:linear-gradient(90deg,transparent,#000000 30%)}
html[data-theme=light] .coming:after{background:linear-gradient(90deg,#f6f6f6 0%,#f6f6f6 30%,#f6f6f6ed 40%,#f6f6f600 65%)}
html[data-theme=light] .coming .loading-decoration i{background:#fd024b}
html[data-theme=light] .contact{background:#e2e2e2}
html[data-theme=light] .contact-title{color:#111111}
html[data-theme=light] .contact-title span,html[data-theme=light] .contact-title i{color:#fd024b}
html[data-theme=light] .news-card .pill,html[data-theme=light] .game-art .pill{background:#111111d9;border-color:#ffffff50;color:#ffffff}
html[data-theme=light] .footer-bottom,html[data-theme=light] .socials button{color:#6a6a6a}
html[data-theme=light] .modal-copy label{color:#111111}
html[data-theme=light] .modal-copy input,html[data-theme=light] .modal-copy textarea{border-color:#bebebe;background:#faf9fc}
html[data-theme=light] .modal-copy input:focus,html[data-theme=light] .modal-copy textarea:focus{outline:2px solid #fd024b;outline-offset:2px}
html[data-theme=light] .theme-toggle{background:#ffffff;border-color:#bebebe}
html[data-theme=light] .motion-toggle{background:#ffffffef;border-color:#bebebe;box-shadow:0 3px 15px #fd024b0d}
@media(max-width:1000px) and (min-width:651px){html[data-theme=light] .hero-shade{background:linear-gradient(90deg,var(--paper) 30%,#faf9f6e6 45%,#faf9f600 78%)}html[data-theme=light] .hero-art{left:42%;width:80%}}
@media(max-width:650px){html[data-theme=light] .hero-art{top:550px;left:0;width:100%;height:305px;object-position:75% center;mask-image:linear-gradient(transparent,#000000 24%);opacity:1}html[data-theme=light] .hero-shade{background:linear-gradient(180deg,#faf9f600 78%,#11111120 100%)}html[data-theme=light] .hero-bottom{color:#ffffff}html[data-theme=light] .scroll-icon{border-color:#ffffff80}html[data-theme=light] .hero-description{max-width:295px}html[data-theme=light] .coming>img{top:260px;left:0;width:100%;height:290px;object-position:center;mask-image:linear-gradient(transparent,#000000 25%)}html[data-theme=light] .coming:after{background:linear-gradient(180deg,#f6f6f6 0%,#f6f6f6 40%,#f6f6f600 68%)}html[data-theme=light] .coming .loading-decoration i{background:#fd024b}}
