/* ASSETS/CSS/THEMES.CSS */ /* --- FONT DEFINITIONS --- */ /* This is a helper, but fonts are loaded in the HTML for performance */ .font-heading-a, .font-heading-c { font-family: 'Playfair Display', serif; } .font-body-a, .font-body-c { font-family: 'Source Sans Pro', sans-serif; } .font-heading-b { font-family: 'Inter', sans-serif; } .font-body-b { font-family: 'Open Sans', sans-serif; } .font-heading-d, .font-body-d { font-family: 'Arial', sans-serif; } /* Fallback simple font */ /* --- THEME A: ORGANIC ZEN (Default) --- */ [data-theme="organic-zen"] .page-bg { background-color: #F9F8F5; } [data-theme="organic-zen"] .text-color-base { color: #34495E; } [data-theme-="organic-zen"] .text-color-muted { color: rgba(52, 73, 94, 0.7); } [data-theme="organic-zen"] .text-color-heading { color: #34495E; } [data-theme="organic-zen"] .header-bg { background-color: rgba(249, 248, 245, 0.8); } [data-theme="organic-zen"] .card-bg { background-color: #FFFFFF; } [data-theme="organic-zen"] .button-primary-bg { background-color: #6E8B75; } [data-theme="organic-zen"] .button-primary-text { color: #FFFFFF; } [data-theme="organic-zen"] .button-primary-hover-bg { background-color: #34495E; } [data-theme="organic-zen"] .link-color { color: #6E8B75; } [data-theme="organic-zen"] .link-hover-color { color: #34495E; } [data-theme="organic-zen"] .font-heading { font-family: 'Playfair Display', serif; } [data-theme="organic-zen"] .font-body { font-family: 'Source Sans Pro', sans-serif; } [data-theme="organic-zen"] .card-style { border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } /* --- THEME B: CLINICAL TRUST --- */ [data-theme="clinical-trust"] .page-bg { background-color: #F3F4F6; } [data-theme="clinical-trust"] .text-color-base { color: #1F2937; } [data-theme="clinical-trust"] .text-color-muted { color: #6B7280; } [data-theme="clinical-trust"] .text-color-heading { color: #1E3A8A; } [data-theme="clinical-trust"] .header-bg { background-color: rgba(243, 244, 246, 0.8); } [data-theme="clinical-trust"] .card-bg { background-color: #FFFFFF; } [data-theme="clinical-trust"] .button-primary-bg { background-color: #1E3A8A; } [data-theme="clinical-trust"] .button-primary-text { color: #FFFFFF; } [data-theme="clinical-trust"] .button-primary-hover-bg { background-color: #14B8A6; } [data-theme="clinical-trust"] .link-color { color: #1E3A8A; } [data-theme="clinical-trust"] .link-hover-color { color: #14B8A6; } [data-theme="clinical-trust"] .font-heading { font-family: 'Inter', sans-serif; } [data-theme="clinical-trust"] .font-body { font-family: 'Open Sans', sans-serif; } [data-theme="clinical-trust"] .card-style { border-radius: 0.25rem; border: 1px solid #E5E7EB; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); } /* --- THEME C: NEO-TRADITIONAL --- */ [data-theme="neo-traditional"] .page-bg { background-color: #FAF9F6; } [data-theme="neo-traditional"] .text-color-base { color: #2B2D42; } [data-theme="neo-traditional"] .text-color-muted { color: #2B2D42; opacity: 0.75; } [data-theme="neo-traditional"] .text-color-heading { color: #9B2226; } [data-theme="neo-traditional"] .header-bg { background-color: rgba(250, 249, 246, 0.8); } [data-theme="neo-traditional"] .card-bg { background-color: #FFFFFF; } [data-theme="neo-traditional"] .button-primary-bg { background-color: #9B2226; } [data-theme="neo-traditional"] .button-primary-text { color: #FFFFFF; } [data-theme="neo-traditional"] .button-primary-hover-bg { background-color: #2B2D42; } [data-theme="neo-traditional"] .link-color { color: #9B2226; } [data-theme="neo-traditional"] .link-hover-color { color: #2B2D42; } [data-theme="neo-traditional"] .font-heading { font-family: 'Cinzel', serif; } [data-theme="neo-traditional"] .font-body { font-family: 'Source Sans Pro', sans-serif; } [data-theme="neo-traditional"] .card-style { border-radius: 0.125rem; border: 1px solid #2B2D42; box-shadow: none; } /* --- THEME D: ORIGINAL SIMPLE --- */ [data-theme="original-simple"] .page-bg { background-color: #f0fdf4; } [data-theme="original-simple"] .text-color-base { color: #1f2937; } [data-theme="original-simple"] .text-color-muted { color: #4b5563; } [data-theme="original-simple"] .text-color-heading { color: #14532d; } [data-theme="original-simple"] .header-bg { background-color: #ffffff; } [data-theme="original-simple"] .card-bg { background-color: #FFFFFF; } [data-theme="original-simple"] .button-primary-bg { background-color: #16a34a; } [data-theme="original-simple"] .button-primary-text { color: #FFFFFF; } [data-theme="original-simple"] .button-primary-hover-bg { background-color: #15803d; } [data-theme="original-simple"] .link-color { color: #16a34a; } [data-theme="original-simple"] .link-hover-color { color: #15803d; } [data-theme="original-simple"] .font-heading { font-family: 'Georgia', serif; } [data-theme="original-simple"] .font-body { font-family: 'Arial', sans-serif; } [data-theme="original-simple"] .card-style { border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } /* --- Active Navigation Link Styles --- */ [data-theme="organic-zen"] .nav-link-active { color: #34495E; text-decoration: underline; text-underline-offset: 4px; } [data-theme="clinical-trust"] .nav-link-active { color: #1E3A8A; font-weight: 600; border-bottom: 2px solid #14B8A6; } [data-theme="neo-traditional"] .nav-link-active { color: #9B2226; font-weight: 600; } [data-theme="original-simple"] .nav-link-active { color: #15803d; font-weight: 600; text-decoration: underline; }