html[data-theme=light]{--color-bg: #f0f4f8;--color-bg-surface: #ffffff;--color-bg-elevated: #e4ecf4;--color-border: #c4d0de;--color-text: #1a2a3a;--color-text-muted: #607080;--color-accent: #008c7a;--color-accent-hover:#00a896;--color-accent-dim: rgba(0, 140, 122, .12);--color-error: #c0392b;--color-error-bg: rgba(192, 57, 43, .08);--color-error-border: rgba(192, 57, 43, .3);--color-error-glow: rgba(192, 57, 43, .15);--color-nav-bg: rgba(240, 244, 248, .95);--color-overlay: rgba(0, 0, 0, .45);--color-shadow: rgba(0, 0, 0, .15);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .15);--shadow-toast: 0 4px 24px rgba(0, 0, 0, .15);--color-verify-bg: rgba(0, 140, 122, .1);--color-btn-on-accent: #ffffff;--color-border-subtle: rgba(196, 208, 222, .8);--cell-sudoku-clue-bg: rgba(0, 0, 0, .03);--cell-sudoku-selected: hsla(173, 100%, 38%, .15);--cell-sudoku-highlighted:hsla(173, 100%, 38%, .09);--cell-sudoku-matching: hsla(173, 100%, 38%, .12);--cell-sudoku-pencil-on: hsla(173, 100%, 38%, .12)}[data-theme=light] .ms-theme-site{--color-bg: #0d1b2a;--color-bg-surface: #162032;--color-bg-elevated: #1e2d40;--color-border: #2a3d54;--color-text: #dde4ee;--color-text-muted: #8a9bb0;--color-accent: #00c9b1;--color-error-bg: rgba(220, 50, 50, .45);--color-error-border:rgba(220, 50, 50, .7)}:root{--cell-sudoku-clue-bg: rgba(255, 255, 255, .06);--cell-sudoku-selected: hsla(173, 100%, 50%, .15);--cell-sudoku-highlighted:hsla(173, 100%, 50%, .09);--cell-sudoku-matching: hsla(173, 100%, 50%, .12);--cell-sudoku-pencil-on: hsla(173, 100%, 50%, .12)}*,*:before,*:after{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.sudoku-cell,.cell-game,.ms-cell,.modal-overlay,.nav-toggle span{transition:background-color .1s ease,color .1s ease,border-color .1s ease}