/* * theme.css — shared PeekaFox palette. * Default (:root) = Lavender. Alternate palettes are applied by setting * , which palette.js does from the saved * choice (Settings page). Keep palette swatches in settings.html in sync. */ :root { --bg: #E4D8F5; /* lavender */ --primary: #8A6FD0; --accent: #FF9AA2; --accent-dark: #E07E86; --ink: #3E3A4D; --ink-soft: #7d7791; --card: #ffffff; --shadow: rgba(62, 58, 77, 0.18); } html[data-palette="peach"] { --bg: #F5DAC0; --primary: #E8772F; --accent: #56B0AB; --accent-dark: #3E9B96; --ink: #4A3B33; --ink-soft: #8a7568; --shadow: rgba(74, 59, 51, 0.18); } html[data-palette="sky"] { --bg: #CDE6F6; --primary: #3E97D6; --accent: #FFB84D; --accent-dark: #E09A2E; --ink: #34495E; --ink-soft: #6b7d8c; --shadow: rgba(52, 73, 94, 0.18); } html[data-palette="mint"] { --bg: #CFEFE0; --primary: #2FA877; --accent: #FF8C66; --accent-dark: #E5704B; --ink: #2F4858; --ink-soft: #5f7783; --shadow: rgba(47, 72, 88, 0.18); }