/* Piano Playground theme — warm parchment + emerald accent Integrate: link theme.css, inline theme-init.js in , add toggle button */ /* Light mode — Warm Parchment */ :root { --color-bg: #f2e6d5; --color-surface: #efe6d7; --color-surface2: #e0d9ce; --color-border: #d8d0c3; --color-border-hover: #c4b9a8; --color-text: #59534a; --color-secondary: #726e69; --color-ornament: #1a5944; } /* Dark mode — Warm Near-Black bg = warm charcoal, text = cream/off-white, emerald accent shared */ [data-theme="dark"] { --color-bg: #191715; --color-surface: #1e1d1b; --color-surface2: #2d2b28; --color-border: rgba(234, 219, 197, 0.12); --color-border-hover: rgba(234, 219, 197, 0.22); --color-text: #eae3d7; --color-secondary: #99948f; --color-ornament: #1a5944; }