:root {
    --sf-primary: #9e2336;
    --sf-primary-hover: #8b1f30;
    --sf-primary-contrast: #ffffff;
    --sf-primary-label-text: #ffffff;
    --sf-primary-checkbox-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --sf-primary-radio-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --sf-primary-switch-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --sf-primary-soft-bg: rgba(158, 35, 54, 0.08);
    --sf-primary-soft-border: rgba(158, 35, 54, 0.35);
    --sf-primary-shadow: rgba(158, 35, 54, 0.35);
    --sf-sticky-top-offset: 4.45rem;
    --sf-card-radius: 16px; --sf-card-bite-size: 0px;
    --sf-mobile-banner-height: 160px; --sf-mobile-banner-position: right center; --sf-mobile-banner-fit: cover;
    --bs-font-sans-serif: var(--sf-body-font, system-ui, -apple-system, "Segoe UI", sans-serif);
    --bs-body-font-family: var(--bs-font-sans-serif);
    --cnvs-body-font: var(--bs-font-sans-serif);
    --cnvs-primary-font: var(--sf-primary-font, var(--bs-font-sans-serif));
    --cnvs-heading-font: var(--cnvs-primary-font);
    --cnvs-secondary-font: var(--sf-secondary-font, var(--bs-font-sans-serif));
    --cnvs-primary-menu-font: var(--cnvs-primary-font);
}