/* ====================================================== websiter.ai - Generated Page Themes Apply by setting class on element. ====================================================== */ .theme-professional { --hero-bg: #0D1421; --hero-text: #FFFFFF; --hero-sub: rgba(255, 255, 255, .7); --section-bg: #FFFFFF; --section-alt: #F7F8FC; --heading-color: #0C1226; --body-color: #4B5675; --accent-color: #2563EB; --accent-btn: #2563EB; --btn-text: #FFFFFF; --card-bg: #FFFFFF; --card-border: #E4E8F0; --navbar-bg: rgba(255, 255, 255, .95); --navbar-text: #0C1226; --footer-bg: #0C1226; --footer-text: #94A3B8; --font-head: 'Sora', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; } .theme-bold { --hero-bg: linear-gradient(135deg, #1A0533 0%, #2D0A6B 100%); --hero-text: #FFFFFF; --hero-sub: rgba(255, 255, 255, .75); --section-bg: #FFFFFF; --section-alt: #F5F3FF; --heading-color: #1E1B4B; --body-color: #4338CA; --accent-color: #7C3AED; --accent-btn: #7C3AED; --btn-text: #FFFFFF; --card-bg: #FFFFFF; --card-border: #DDD6FE; --navbar-bg: rgba(255, 255, 255, .96); --navbar-text: #1E1B4B; --footer-bg: #1E1B4B; --footer-text: #A5B4FC; --font-head: 'Sora', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; } .theme-minimal { --hero-bg: #FFFFFF; --hero-text: #0A0A0A; --hero-sub: #6B7280; --section-bg: #FFFFFF; --section-alt: #FAFAFA; --heading-color: #0A0A0A; --body-color: #374151; --accent-color: #111827; --accent-btn: #111827; --btn-text: #FFFFFF; --card-bg: #FFFFFF; --card-border: #F3F4F6; --navbar-bg: rgba(255, 255, 255, .98); --navbar-text: #111827; --footer-bg: #111827; --footer-text: #6B7280; --font-head: 'Sora', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; } .theme-warm { --hero-bg: #2C1810; --hero-text: #FFFFFF; --hero-sub: rgba(255, 255, 255, .7); --section-bg: #FFFFFF; --section-alt: #FDF8F0; --heading-color: #1C0F0A; --body-color: #6B4E37; --accent-color: #B45309; --accent-btn: #B45309; --btn-text: #FFFFFF; --card-bg: #FFFFFF; --card-border: #FDE8C8; --navbar-bg: rgba(255, 255, 255, .96); --navbar-text: #1C0F0A; --footer-bg: #1C0F0A; --footer-text: #92400E; --font-head: 'Sora', sans-serif; --font-body: 'Plus Jakarta Sans', sans-serif; }