/* Themes system relying on data-theme attribute on */ /* Default (Emerald / Rose mapped to green for now based on template "#56642b") */ [data-theme="rose"] { --color-primary: #56642b; --color-primary-light: #8a9a5b; --color-primary-dark: #3e4c16; --color-secondary: #9f402d; --color-accent: #bdce89; } [data-theme="lavender"] { --color-primary: #6b4c9a; --color-primary-light: #9a7cc9; --color-primary-dark: #4a2b7a; --color-secondary: #e5989b; --color-accent: #b5838d; } [data-theme="emerald"] { --color-primary: #2d6a4f; --color-primary-light: #52b788; --color-primary-dark: #1b4332; --color-secondary: #fb8500; --color-accent: #ffb703; } [data-theme="peach"] { --color-primary: #d97762; --color-primary-light: #f4a261; --color-primary-dark: #ba5a45; --color-secondary: #2a9d8f; --color-accent: #e9c46a; } [data-theme="teal"] { --color-primary: #028090; --color-primary-light: #48cae4; --color-primary-dark: #005f73; --color-secondary: #f4a261; --color-accent: #ffb703; } [data-theme="golden"] { --color-primary: #d4a373; --color-primary-light: #faedcd; --color-primary-dark: #bb8f5b; --color-secondary: #606c38; --color-accent: #ccd5ae; } /* Dark Mode (Explicit or via pref-color-scheme) */ [data-mode="dark"] { --color-bg-page: #1b1c1c; --color-bg-card: #232424; --color-bg-glass: rgba(27, 28, 28, 0.8); --color-text-primary: #e4e2e1; --color-text-secondary: #c6c8b8; --color-text-muted: #8e9083; --color-border: #46483c; --color-border-strong: #76786b; } @media (prefers-color-scheme: dark) { [data-mode="auto"] { --color-bg-page: #1b1c1c; --color-bg-card: #232424; --color-bg-glass: rgba(27, 28, 28, 0.8); --color-text-primary: #e4e2e1; --color-text-secondary: #c6c8b8; --color-text-muted: #8e9083; --color-border: #46483c; --color-border-strong: #76786b; } }