:root, html, body.ml-site {
            --ml-primary: #5a41bf;
            --ml-accent: #f0f757;
            --ml-dark: #18171c;
            --ml-body-bg: rgba(237,237,237,0.9);
            --ml-surface: rgba(237,237,237,0.9);
            --ml-surface-soft: #f8f7ff;
            --ml-text: #2f3140;
            --ml-muted: #6f7282;
            --ml-border: rgba(8,10,26,.12);
            --ml-card-bg: rgba(255,255,255,0.9);
            --ml-header-bg: rgba(255,255,255,0.86);
            --ml-footer-bg: #18171c;
            --ml-footer-text: #d7d5df;
            --ml-link: #5a41bf;
            --ml-link-hover: #3f2f99;
            --ml-container: 1480px;
            --ml-container-wide: 1640px;
            --ml-content-width: 1180px;
            --ml-boxed-shell-extra: 80px;
            --ml-container-padding: 40px;
            --ml-container-padding-mobile: 18px;
            --ml-site-padding-x: 40px;
            --ml-site-padding-x-tablet: 28px;
            --ml-site-padding-x-mobile: 16px;
            --ml-site-padding-y: 0px;
            --ml-section-padding-y: 72px;
            --ml-section-padding-y-mobile: 42px;
            --ml-section-gap: 28px;
            --ml-module-section-padding-y: 24px;
            --ml-module-section-padding-y-mobile: 14px;
            --ml-module-section-padding-x: 14px;
            --ml-module-section-padding-x-mobile: 20px;
            --ml-module-inner-max-width: 100%;
            --ml-radius: 6px;
            --ml-card-radius: 6px;
            --ml-card-padding: 28px;
            --ml-card-border-width: 1px;
            --ml-shadow: 0 22px 70px rgba(24, 23, 28, .10);
            --ml-button-radius: 6px;
            --ml-button-padding-y: 12px;
            --ml-button-padding-x: 18px;
            --ml-button-font-size: 15px;
            --ml-button-font-weight: 500;
            --ml-button-primary-text: #ffffff;
            --ml-button-primary-bg: #5a41bf;
            --ml-button-primary-hover-bg: #44309f;
            --ml-button-accent-text: #18171c;
            --ml-button-accent-bg: #ffd23f;
            --ml-button-accent-hover-bg: #ffb34d;
            --ml-base-font-size: 16px;
            --ml-body-font-weight: 400;
            --ml-body-line-height: 1.65;
            --ml-heading-line-height: 1.08;
            --ml-heading-letter-spacing: -0.04em;
            --ml-h1-font-size: 58px;
            --ml-h2-font-size: 30px;
            --ml-h3-font-size: 20px;
            --ml-h4-font-size: 24px;
            --ml-h5-font-size: 20px;
            --ml-h6-font-size: 16px;
            --ml-h1-font-weight: 500;
            --ml-h2-font-weight: 500;
            --ml-h3-font-weight: 500;
            --ml-h4-font-weight: 600;
            --ml-h5-font-weight: 500;
            --ml-h6-font-weight: 500;
            --ml-mobile-heading-scale: 0.58;
            --ml-blog-radius: 6px;
            --ml-blog-card-padding: 20px;
            --ml-blog-gap: 22px;
            --ml-logo-max-height: 48px;
            --ml-main-top-padding: 42px;
            --ml-main-bottom-padding: 56px;
            --ml-blog-columns: 3;
            --ml-font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
            --ml-font-heading: var(--ml-font-body);
            --ml-font-button: var(--ml-font-body);
        }