/* ========================================================= Site themes -- one per profession, selected in Admin > Site Settings > Appearance and applied via [data-theme] on . Each theme only overrides CSS custom properties already used throughout style.css (buttons, links, badges, sidebar, hero, animated background), so every page picks it up automatically. ========================================================= */ [data-theme="default"] { --color-primary: #2563eb; --color-primary-dark: #1d4ed8; --color-accent: #14b8a6; --color-bg: #f4f6fb; --bg-gradient: linear-gradient(160deg, #eef2ff 0%, #f4f6fb 45%, #ecfdf5 100%); --font-heading: var(--font); } /* Doctor / Medical -- clinical, calm, trustworthy: cyan + emerald on cool white */ [data-theme="doctor"] { --color-primary: #0e7490; --color-primary-dark: #155e75; --color-accent: #10b981; --color-bg: #f0fbfc; --bg-gradient: linear-gradient(160deg, #ecfeff 0%, #f0fbfc 45%, #ecfdf5 100%); --font-heading: var(--font); } /* Engineer -- industrial precision: blueprint blue + safety amber */ [data-theme="engineer"] { --color-primary: #1d4ed8; --color-primary-dark: #1e3a8a; --color-accent: #f59e0b; --color-bg: #f1f5f9; --bg-gradient: linear-gradient(160deg, #eff6ff 0%, #f1f5f9 45%, #fffbeb 100%); --font-heading: var(--font); } /* Scientist / Researcher -- lab indigo + data-viz cyan */ [data-theme="scientist"] { --color-primary: #4f46e5; --color-primary-dark: #4338ca; --color-accent: #06b6d4; --color-bg: #f5f3ff; --bg-gradient: linear-gradient(160deg, #eef2ff 0%, #f5f3ff 45%, #ecfeff 100%); --font-heading: var(--font); } /* Artist / Designer -- expressive purple + pink, a touch of serif elegance in headings */ [data-theme="artist"] { --color-primary: #9333ea; --color-primary-dark: #7e22ce; --color-accent: #ec4899; --color-bg: #fdf4ff; --bg-gradient: linear-gradient(160deg, #fdf4ff 0%, #fdf2f8 45%, #eef2ff 100%); --font-heading: Georgia, 'Times New Roman', serif; } /* Politician / Public Figure -- authoritative navy + gold, formal serif headings */ [data-theme="politician"] { --color-primary: #1e3a8a; --color-primary-dark: #172554; --color-accent: #b45309; --color-bg: #f8fafc; --bg-gradient: linear-gradient(160deg, #eff6ff 0%, #f8fafc 45%, #fffbeb 100%); --font-heading: Georgia, 'Times New Roman', serif; } /* Veterinarian -- warm, friendly green + sky blue */ [data-theme="veterinarian"] { --color-primary: #15803d; --color-primary-dark: #166534; --color-accent: #0ea5e9; --color-bg: #f0fdf4; --bg-gradient: linear-gradient(160deg, #f0fdf4 0%, #f0f9ff 45%, #ecfeff 100%); --font-heading: var(--font); } /* Farmer / Agriculture -- earthy olive + harvest brown on cream */ [data-theme="farmer"] { --color-primary: #65a30d; --color-primary-dark: #4d7c0f; --color-accent: #b45309; --color-bg: #fefce8; --bg-gradient: linear-gradient(160deg, #fefce8 0%, #f7fee7 45%, #fff7ed 100%); --font-heading: var(--font); } /* Student -- energetic academic indigo + cyan */ [data-theme="student"] { --color-primary: #4338ca; --color-primary-dark: #3730a3; --color-accent: #06b6d4; --color-bg: #eef2ff; --bg-gradient: linear-gradient(160deg, #eef2ff 0%, #ecfeff 45%, #f5f3ff 100%); --font-heading: var(--font); } /* CA / CS / Finance Professional -- corporate charcoal + gold */ [data-theme="ca_cs"] { --color-primary: #1e293b; --color-primary-dark: #0f172a; --color-accent: #b45309; --color-bg: #f8fafc; --bg-gradient: linear-gradient(160deg, #f8fafc 0%, #f1f5f9 45%, #fffbeb 100%); --font-heading: Georgia, 'Times New Roman', serif; } /* Cook / Chef -- appetizing warm red-orange + mustard, on cream */ [data-theme="cook"] { --color-primary: #c2410c; --color-primary-dark: #9a3412; --color-accent: #f59e0b; --color-bg: #fff7ed; --bg-gradient: linear-gradient(160deg, #fff7ed 0%, #fef2f2 45%, #fffbeb 100%); --font-heading: Georgia, 'Times New Roman', serif; } /* Entrepreneur / Startup Founder -- bold violet + energetic orange, pitch-deck confident */ [data-theme="entrepreneur"] { --color-primary: #7c3aed; --color-primary-dark: #6d28d9; --color-accent: #f97316; --color-bg: #faf7ff; --bg-gradient: linear-gradient(160deg, #faf5ff 0%, #fff7ed 55%, #fef2f2 100%); --font-heading: var(--font); }