:root {
--cms-color-primary: #ff7b54;
--cms-color-secondary: #ff5f7e;
--cms-color-accent: #ffc400;
--cms-color-background: #fbfbff;
--cms-color-surface: #ffffff;
--cms-color-text: #30285f;
--cms-color-muted: #7a7398;
--cms-font-family-base: Nunito, ui-sans-serif, system-ui, sans-serif;
--cms-font-family-heading: Fredoka, ui-sans-serif, system-ui, sans-serif;
--cms-font-size-base: 1rem;
--cms-radius-sm: 0.375rem;
--cms-radius-md: 1.25rem;
--cms-radius-lg: 1.5rem;
--cms-radius-xl: 2rem;
--cms-spacing-section: 5.625rem;
--cms-spacing-container: 1.25rem;
--cms-spacing-footer: 5rem;
--cms-shadow-card: 0 12px 35px rgba(47, 35, 110, 0.10);
--cms-button-radius: 999px;
--cms-button-height: 3rem;
--cms-card-radius: 2rem;
--cms-input-radius: 1.25rem;
--cms-layout-container-width: 73.75rem;
--cms-layout-header-height: 4.5rem;
--cms-layout-logo-size: 3rem;
--cms-nav-link-spacing: 1rem;
--cms-header-background: #ffffff;
--cms-header-text: #30285f;
--cms-footer-background: #30285f;
--cms-footer-text: #ffffff;
--cms-motion-level: subtle;
--cms-primary: var(--cms-color-primary);
--cms-secondary: var(--cms-color-secondary);
--cms-accent: var(--cms-color-accent);
--cms-bg: var(--cms-color-background);
--cms-surface: var(--cms-color-surface);
--cms-text: var(--cms-color-text);
--cms-muted: var(--cms-color-muted);
--cms-border: color-mix(in oklab, var(--cms-color-text) 12%, transparent);
--theme-primary-color: var(--cms-color-primary);
--theme-secondary-color: var(--cms-color-secondary);
--theme-accent-color: var(--cms-color-accent);
--theme-link-color: var(--cms-color-accent);
--theme-button-color: var(--cms-color-primary);
--theme-button-hover-color: color-mix(in oklab, var(--cms-color-primary) 84%, var(--cms-color-text) 16%);
--theme-background-color: var(--cms-color-background);
--theme-surface-color: var(--cms-color-surface);
--theme-text-color: var(--cms-color-text);
--theme-heading-color: var(--cms-color-text);
--theme-muted-text-color: var(--cms-color-muted);
--theme-body-font: var(--cms-font-family-base);
--theme-heading-font: var(--cms-font-family-heading);
--theme-body-size: var(--cms-font-size-base);
--theme-border-radius: var(--cms-radius-md);
--theme-container-width: var(--cms-layout-container-width);
--theme-card-shadow: var(--cms-shadow-card);
}