/* GENERATED from docs/design/2026-09-27_Claude_Design/themes/*.json - edit the JSON, not this file.
 * One class per theme; the board reads the custom properties. Kept in a stylesheet because the
 * Content-Security-Policy forbids inline style attributes. */

.theme-blossom { --sq-light: #FDE8EE; --sq-dark: #F2A7BC; --frame: #F7C9D6; --last-move: #FFD66B; --selected: #FFB84D; --check: #E5484D; --coord-light: #C23B72; --coord-dark: #C23B72; --accent: #C23B72; }
.theme-lilac { --sq-light: #F3EEFF; --sq-dark: #B9A6EE; --frame: #D8CCF7; --last-move: #FFD66B; --selected: #FFB84D; --check: #E5484D; --coord-light: #6A4BA6; --coord-dark: #6A4BA6; --accent: #6A4BA6; }
.theme-meadow { --sq-light: #FFF6D6; --sq-dark: #A8D98F; --frame: #CDEBB8; --last-move: #8FD8EE; --selected: #4FB7D6; --check: #E5484D; --coord-light: #2E8A5C; --coord-dark: #2E8A5C; --accent: #2E8A5C; }
.theme-sage { --sq-light: #EEF0E4; --sq-dark: #7E9872; --frame: transparent; --last-move: #D9D66A; --selected: #B7B03A; --check: #C94A3E; --coord-light: #7E9872; --coord-dark: #EEF0E4; --accent: #56704A; }
.theme-slate { --sq-light: #E4E8EB; --sq-dark: #7B8C9A; --frame: transparent; --last-move: #9FC6E3; --selected: #4F8FC0; --check: #E0663A; --coord-light: #7B8C9A; --coord-dark: #E4E8EB; --accent: #3F6E94; }
.theme-walnut { --sq-light: #EEDCB8; --sq-dark: #B07F55; --frame: transparent; --last-move: #E8C65A; --selected: #D99A2B; --check: #D6453A; --coord-light: #B07F55; --coord-dark: #EEDCB8; --accent: #8A5A33; }