/* Color Palette Themes To change theme, update the class on in index.html Options: theme-cool-neutrals, theme-monochrome, theme-warm, theme-dark */ /* Theme 1: Cool Neutrals (Default) */ .theme-cool-neutrals { --bg-color: #F8F9FA; --text-color: #1e293b; --heading-color: #0F172A; --section-heading-color: #64748b; --subtitle-color: #64748b; --link-color: #475569; --accent-color: #475569; --accent-text-color: #ffffff; --border-color: #e2e8f0; } /* Theme 2: Classic Monochrome */ .theme-monochrome { --bg-color: #FAFAFA; --text-color: #2a2a2a; --heading-color: #1a1a1a; --section-heading-color: #666666; --subtitle-color: #666666; --link-color: #2563eb; --accent-color: #2563eb; --accent-text-color: #ffffff; --border-color: #e5e5e5; } /* Theme 3: Warm Minimalism */ .theme-warm { --bg-color: #FAF9F6; --text-color: #2a2a2a; --heading-color: #1a1a1a; --section-heading-color: #6b6b6b; --subtitle-color: #6b6b6b; --link-color: #8B7355; --accent-color: #A0826D; --accent-text-color: #ffffff; --border-color: #e8e6e1; } /* Theme 4: Dark Mode */ .theme-dark { --bg-color: #0a0a0a; --text-color: #d1d5db; --heading-color: #f3f4f6; --section-heading-color: #9ca3af; --subtitle-color: #9ca3af; --link-color: #60A5FA; --accent-color: #3b82f6; --accent-text-color: #ffffff; --border-color: #27272a; }