:root {
    --app-primary: #3748a0;
    --app-primary-hover: #2f3d88;
    --app-on-primary: #ffffff;
    --app-accent: #3748a0;
    --app-accent-hover: #2f3d88;
    --app-on-accent: #ffffff;
    --app-heading-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --app-body-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --app-radius: .5rem;
    --app-radius-card: 1rem;
    --bs-border-radius: .5rem;
    --bs-border-radius-sm: calc(.5rem * .7);
    --bs-border-radius-lg: calc(.5rem * 1.3);
    --app-card-border-width: 0;
    --app-card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .05);
    --app-site-bg: color-mix(in srgb, var(--app-primary) 5%, #ffffff);
    --app-header-bg: var(--app-primary);
    --app-header-fg: var(--app-on-primary);
    --app-header-border: transparent;
    --app-logo-height: 60px;
    --app-hero-top: 3.25rem;
    --app-hero-bottom: 2.75rem;
    --app-hero-cover-top: 8.5rem;
    --app-hero-cover-bottom: 5rem;
    --app-hero-align: left;
    --app-hero-lead-mx: 0;
}