/* Named seasonal color themes. The selected theme is stored on . */ :root, :root[data-theme="mint"] { --primary: #3f7d68; --primary-light: #e2f0e9; --primary-dark: #285947; --accent: #6f9f87; --accent-light: #e8f4ed; --bg: #f8fcf9; --surface-alt: #eef7f1; --text: #19332a; --text-muted: #5d7067; --border: #d8e8df; --shadow-sm: 0 2px 8px rgba(63,125,104,.08); --shadow: 0 4px 20px rgba(63,125,104,.12); --shadow-lg: 0 8px 40px rgba(63,125,104,.18); --hero-glow: #8fbea7; --hero-deep: #285947; --hero-end: #4f9278; --avatar-highlight: #72a88f; } :root[data-theme="rose"] { --primary: #b5546a; --primary-light: #f7e5ea; --primary-dark: #8a3d50; --accent: #5b8c7e; --accent-light: #dff0ec; --bg: #fdfaf9; --surface-alt: #f8f3f5; --text: #1e1a1c; --text-muted: #6b606a; --border: #ebe1e5; --shadow-sm: 0 2px 8px rgba(181,84,106,.08); --shadow: 0 4px 20px rgba(181,84,106,.12); --shadow-lg: 0 8px 40px rgba(181,84,106,.18); --hero-glow: #d07a90; --hero-deep: #6a3a88; --hero-end: #c26070; --avatar-highlight: #c26070; } :root[data-theme="sky"] { --primary: #4b7fa8; --primary-light: #e5f0f8; --primary-dark: #2e5878; --accent: #7ba6c2; --accent-light: #eaf4fa; --bg: #f8fbfd; --surface-alt: #edf5fa; --text: #1d2d3a; --text-muted: #61717d; --border: #d9e6ef; --shadow-sm: 0 2px 8px rgba(75,127,168,.08); --shadow: 0 4px 20px rgba(75,127,168,.12); --shadow-lg: 0 8px 40px rgba(75,127,168,.18); --hero-glow: #9fc5df; --hero-deep: #2e5878; --hero-end: #5f93b8; --avatar-highlight: #80acc8; } :root[data-theme="amber"] { --primary: #b87532; --primary-light: #faeddd; --primary-dark: #80501f; --accent: #c9965a; --accent-light: #fbf1e5; --bg: #fdfaf7; --surface-alt: #faf2e8; --text: #38281b; --text-muted: #756456; --border: #eadbca; --shadow-sm: 0 2px 8px rgba(184,117,50,.08); --shadow: 0 4px 20px rgba(184,117,50,.12); --shadow-lg: 0 8px 40px rgba(184,117,50,.18); --hero-glow: #ddb078; --hero-deep: #80501f; --hero-end: #c48746; --avatar-highlight: #d09a5d; }