:root {
    --app-primary: #8c2f39;
    --app-primary-hover: #772830;
    --app-on-primary: #ffffff;
    --app-accent: #8c2f39;
    --app-accent-hover: #772830;
    --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-heading-size-adjust: none;
    --app-radius: .5rem;
    --bs-border-radius: .5rem;
    --bs-border-radius-sm: calc(.5rem * .7);
    --bs-border-radius-lg: calc(.5rem * 1.3);
    --app-radius-card: 1rem;
    --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: #f6f7f9;
    --app-site-bg-image: none;
    --app-header-bg: var(--app-primary);
    --app-header-bg-image: none;
    --app-header-fg: var(--app-on-primary);
    --app-header-border: transparent;
    --app-logo-height: 44px;
    --app-hero-top: 2rem;
    --app-hero-bottom: 1.75rem;
    --app-hero-cover-top: 5rem;
    --app-hero-cover-bottom: 3.5rem;
    --app-hero-align: left;
    --app-hero-lead-mx: 0;
    --app-hero-bg-image: none;
    --app-hero-fg: inherit;
    --app-hero-note-fg: var(--bs-secondary-color);
    --app-hero-overlay: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.60));
    --app-hero-image: none;
    --app-hero-position: center;
    --app-btn-bg-image: none;
    --app-btn-hover-bg-image: none;
    --app-btn-fg: var(--app-on-accent);
}