@import url('/background-blocks.css');
@import url('/typography.css');
@import url('/puzzle-help.css');
@import url('/principles.css');
@import url('/glass.css');
@import url('/investor-nav.css');
@import url('/board-surface.css');
@import url('/puzzle-controls.css');
@import url('/footer-theme.css');
/* Klotski Holdings — light expression ("paper edition"). Applied via html[data-theme="light"]. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body.holdings-one{background:#ffffff;color:#0c2a44;--accent:#cf3143;--muted:#4a6479;--line:#cfd8df}
html[data-theme="light"] body.holdings-one::selection,html[data-theme="light"] .holdings-one ::selection{background:#cf3143;color:#fff}

/* Header */
html[data-theme="light"] .one-header .brand{color:#0c2a44}
html[data-theme="light"] .header-note{color:#4a6479}

/* Hero */
html[data-theme="light"] .one-copy h1,html[data-theme="light"] .one-copy h1 em{color:#0c2a44}
html[data-theme="light"] .red-period{color:#cf3143}
html[data-theme="light"] .one-intro{color:#2f4a60}
html[data-theme="light"] .one-principles{border-top-color:#c7d2db}
html[data-theme="light"] .one-principles span{color:#0876bd}
html[data-theme="light"] .one-principles p{color:#0c2a44}
html[data-theme="light"] .one-thought{color:#4a6479}

/* Puzzle tray */
html[data-theme="light"] .game-tray{background:#eceae2;border-color:#b7c5d0;box-shadow:inset 0 1px 6px #0c2a4412,0 18px 34px -14px #0c2a4430}
html[data-theme="light"] .game-tray:before,html[data-theme="light"] .game-tray:after{background:#b7c5d0}
html[data-theme="light"] .game-board{background-image:linear-gradient(#0c2a441a 1px,transparent 1px),linear-gradient(90deg,#0c2a441a 1px,transparent 1px)}
html[data-theme="light"] .game-tile{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #0a3a5e}
html[data-theme="light"] .game-tile.red{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #8a1f2e}
html[data-theme="light"] .game-tile.white{background:linear-gradient(130deg,#fff,#f1f4f6);border-color:#0c2a4466;box-shadow:inset 1px 1px 1px #fff,2px 3px 0 #9fb3c3;color:#073b60}
html[data-theme="light"] .game-tile.selected{outline:1.5px solid #0c2a44}
html[data-theme="light"] .game-tile.suggested{outline:2px solid #cf3143;box-shadow:inset 0 0 14px #cf314322,0 0 0 4px #cf314318}
html[data-theme="light"] .game-tile:hover{filter:brightness(1.04)}
html[data-theme="light"] .game-board.solved .red{box-shadow:0 0 0 4px #cf314322,2px 3px 0 #8a1f2e}
html[data-theme="light"] .game-exit{color:#cf3143;border-bottom-color:#0c2a4455;background:linear-gradient(90deg,transparent,#cf314310,transparent)}

/* Captions, tools, playback */
html[data-theme="light"] .puzzle-caption p{color:#2f4a60}
html[data-theme="light"] .puzzle-tools button{color:#3d5a71}
html[data-theme="light"] .puzzle-tools button:hover{background:#e3e8ec;color:#0c2a44}
html[data-theme="light"] .solver-note{color:#2f4a60}
html[data-theme="light"] .holdings-one a:focus-visible,html[data-theme="light"] .holdings-one button:focus-visible{outline-color:#0c2a44}

/* Growth graphic */
html[data-theme="light"] .grow-motif{border-bottom-color:#0c2a4455}
html[data-theme="light"] .gb-white{background:linear-gradient(130deg,#fff,#f1f4f6);border-color:#0c2a4466;box-shadow:inset 1px 1px 1px #fff,2px 3px 0 #9fb3c3}
html[data-theme="light"] .gb-blue{box-shadow:inset 1px 1px 1px #fff2,2px 3px 0 #0a3a5e}
html[data-theme="light"] .gb-red{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #8a1f2e}
html[data-theme="light"] .grow-text h2{color:#0c2a44}
html[data-theme="light"] .grow-text p{color:#4a6479}

/* Contact form */
html[data-theme="light"] .contact-dialog{color:#0c2a44}
html[data-theme="light"] .contact-panel{background:#fbfaf6;border-color:#b7c5d0;box-shadow:0 22px 40px -18px #0c2a4440}
html[data-theme="light"] .contact-header{background:linear-gradient(120deg,#f1efe7,#e8ebe8);border-bottom-color:#cfd8df}
html[data-theme="light"] .contact-header .eyebrow{color:#0876bd}
html[data-theme="light"] .contact-header h2{color:#0c2a44}
html[data-theme="light"] .contact-lede{color:#3d5a71}
html[data-theme="light"] .contact-close{color:#0c2a44;border-color:#0c2a4440}
html[data-theme="light"] .contact-close:hover{background:#e3e8ec}
html[data-theme="light"] .contact-close:focus-visible{outline-color:#0c2a44!important}
html[data-theme="light"] .contact-motif{border-bottom-color:#0c2a4455}
html[data-theme="light"] .contact-motif .gb-white{box-shadow:inset 1px 1px 1px #fff,2px 3px 0 #9fb3c3}
html[data-theme="light"] .contact-motif .gb-blue{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #0a3a5e}
html[data-theme="light"] .contact-motif .gb-red{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #8a1f2e}
html[data-theme="light"] .contact-body{background:#fbfaf6;color:#0c2a44}
html[data-theme="light"] .contact-field input,html[data-theme="light"] .contact-field textarea{background:#fff;border-color:#c3cfd8;color:#0c2a44}

/* Conversion motion assets */
html[data-theme="light"] .motion-piece{box-shadow:inset 1px 1px 1px #fff2,2px 3px 0 #0a3a5e}
html[data-theme="light"] .motion-piece.red{box-shadow:inset 1px 1px 1px #fff3,2px 3px 0 #8a1f2e}
html[data-theme="light"] .motion-piece.white{background:linear-gradient(130deg,#fff,#f1f4f6);border-color:#0c2a4466;box-shadow:inset 1px 1px 1px #fff,2px 3px 0 #9fb3c3;color:#073b60}
html[data-theme="light"] .motion-tray{background:#eceae2;border-color:#b7c5d0;box-shadow:inset 0 1px 6px #0c2a4412,0 18px 34px -14px #0c2a4430}

/* Footer */
html[data-theme="light"] .one-footer{border-top-color:#cfd8df;color:#4a6479}
html[data-theme="light"] .one-footer span:last-child,html[data-theme="light"] .one-footer>span:nth-child(2){color:#0c2a44}
html[data-theme="light"] .footer-logo,html[data-theme="light"] .footer-logo[data-logo-mode="light"],html[data-theme="light"] .footer-logo[data-logo-mode="dark"]{background:transparent}
html[data-theme="light"] .footer-logo:focus-visible{outline-color:#cf3143}
html[data-theme="light"] .skip-link{background:#0c2a44;color:#fff}