:root, html[data-site-palette]{--site-color-primary: #448c74; --site-color-primary-rgb: 68, 140, 116; --site-color-on-primary: #020617; --site-color-primary-hover: #3a7864; --site-color-on-primary-hover: #ffffff; --site-color-primary-active: #346a58; --site-color-on-primary-active: #ffffff; --site-color-secondary: #e5c466; --site-color-secondary-rgb: 229, 196, 102; --site-color-on-secondary: #020617; --site-color-accent: #e9f0ec; --site-color-accent-rgb: 233, 240, 236; --site-color-on-accent: #020617; --site-color-success: #448c74; --site-color-on-success: #020617; --site-color-info: #2f7f73; --site-color-on-info: #ffffff; --site-color-warning: #e5c466; --site-color-on-warning: #020617; --site-color-danger: #dc2626; --site-color-on-danger: #ffffff; --site-color-surface: #ecf4f1; --site-color-on-surface: #020617; --site-color-surface-strong: #ddeae6; --site-color-on-surface-strong: #020617; --site-color-primary-subtle: #e5efec; --site-color-primary-border: #cbdfd8; --site-color-primary-emphasis: #316554; --site-color-primary-soft-08: rgba(68, 140, 116, 0.08); --site-color-primary-soft-10: rgba(68, 140, 116, 0.10); --site-color-primary-soft-12: rgba(68, 140, 116, 0.12); --site-color-primary-soft-14: rgba(68, 140, 116, 0.14); --site-color-primary-soft-16: rgba(68, 140, 116, 0.16); --site-color-primary-soft-18: rgba(68, 140, 116, 0.18); --site-color-primary-soft-22: rgba(68, 140, 116, 0.22); --site-color-primary-soft-28: rgba(68, 140, 116, 0.28); --site-color-primary-soft-35: rgba(68, 140, 116, 0.35); --site-color-secondary-soft-10: rgba(229, 196, 102, 0.10); --site-color-secondary-soft-14: rgba(229, 196, 102, 0.14); --site-color-primary-deep: #213f43; --site-color-secondary-deep: #58523e; --site-gradient-primary: linear-gradient(135deg, #448c74, #e5c466); --site-gradient-primary-wide: linear-gradient(90deg, #448c74, #e5c466); --site-gradient-primary-deep: linear-gradient(135deg, #213f43, #58523e); --site-gradient-primary-deep-wide: linear-gradient(90deg, #213f43, #58523e); --bs-primary: var(--site-color-primary); --bs-primary-rgb: var(--site-color-primary-rgb); --bs-secondary: var(--site-color-secondary); --bs-secondary-rgb: var(--site-color-secondary-rgb); --bs-success: var(--site-color-success); --bs-info: var(--site-color-info); --bs-warning: var(--site-color-warning); --bs-danger: var(--site-color-danger); --bs-link-color: var(--site-color-primary); --bs-link-hover-color: var(--site-color-primary-hover); --bs-focus-ring-color: rgba(68, 140, 116, 0.22); --bs-primary-bg-subtle: var(--site-color-primary-subtle); --bs-primary-border-subtle: var(--site-color-primary-border); --bs-primary-text-emphasis: var(--site-color-primary-emphasis); --admin-brand-gradient: linear-gradient(135deg, var(--site-color-primary), var(--site-color-secondary)); --admin-brand-shadow: 0 10px 22px -16px rgba(68, 140, 116, 0.95); --theme-preview-accent: var(--site-color-accent); --site-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --theme-section-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-heading-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-menu-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-footer-heading-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-footer-content-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --blog-heading-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --blog-body-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --site-body-font-size: 20px; --site-section-heading-font-size: 20px; --site-section-lead-font-size: 20px}
html[data-site-palette="custom"]{--site-color-primary: #2563eb; --site-color-primary-rgb: 37, 99, 235; --site-color-on-primary: #ffffff; --site-color-primary-hover: #2055ca; --site-color-on-primary-hover: #ffffff; --site-color-primary-active: #1c4bb3; --site-color-on-primary-active: #ffffff; --site-color-secondary: #0ea5e9; --site-color-secondary-rgb: 14, 165, 233; --site-color-on-secondary: #020617; --site-color-accent: #06b6d4; --site-color-accent-rgb: 6, 182, 212; --site-color-on-accent: #020617; --site-color-success: #10b981; --site-color-on-success: #020617; --site-color-info: #06b6d4; --site-color-on-info: #020617; --site-color-warning: #f59e0b; --site-color-on-warning: #020617; --site-color-danger: #ef4444; --site-color-on-danger: #020617; --site-color-surface: #e9effd; --site-color-on-surface: #020617; --site-color-surface-strong: #d8e3fb; --site-color-on-surface-strong: #020617; --site-color-primary-subtle: #e0e9fc; --site-color-primary-border: #c2d3f9; --site-color-primary-emphasis: #1b47a9; --site-color-primary-soft-08: rgba(37, 99, 235, 0.08); --site-color-primary-soft-10: rgba(37, 99, 235, 0.10); --site-color-primary-soft-12: rgba(37, 99, 235, 0.12); --site-color-primary-soft-14: rgba(37, 99, 235, 0.14); --site-color-primary-soft-16: rgba(37, 99, 235, 0.16); --site-color-primary-soft-18: rgba(37, 99, 235, 0.18); --site-color-primary-soft-22: rgba(37, 99, 235, 0.22); --site-color-primary-soft-28: rgba(37, 99, 235, 0.28); --site-color-primary-soft-35: rgba(37, 99, 235, 0.35); --site-color-secondary-soft-10: rgba(14, 165, 233, 0.10); --site-color-secondary-soft-14: rgba(14, 165, 233, 0.14); --site-color-primary-deep: #16316c; --site-color-secondary-deep: #0f476b; --site-gradient-primary: linear-gradient(135deg, #2563eb, #0ea5e9); --site-gradient-primary-wide: linear-gradient(90deg, #2563eb, #0ea5e9); --site-gradient-primary-deep: linear-gradient(135deg, #16316c, #0f476b); --site-gradient-primary-deep-wide: linear-gradient(90deg, #16316c, #0f476b); --bs-primary: var(--site-color-primary); --bs-primary-rgb: var(--site-color-primary-rgb); --bs-secondary: var(--site-color-secondary); --bs-secondary-rgb: var(--site-color-secondary-rgb); --bs-success: var(--site-color-success); --bs-info: var(--site-color-info); --bs-warning: var(--site-color-warning); --bs-danger: var(--site-color-danger); --bs-link-color: var(--site-color-primary); --bs-link-hover-color: var(--site-color-primary-hover); --bs-focus-ring-color: rgba(37, 99, 235, 0.22); --bs-primary-bg-subtle: var(--site-color-primary-subtle); --bs-primary-border-subtle: var(--site-color-primary-border); --bs-primary-text-emphasis: var(--site-color-primary-emphasis); --admin-brand-gradient: linear-gradient(135deg, var(--site-color-primary), var(--site-color-secondary)); --admin-brand-shadow: 0 10px 22px -16px rgba(37, 99, 235, 0.95); --theme-preview-accent: var(--site-color-accent)}