:root {
    --site-primary: #571113;
    --site-primary-hover: #74191c;
    --site-primary-dark: #3d0c0e;
    --site-secondary: #cdd7ed;
    --site-secondary-soft: #f3f6fc;
    --site-secondary-dark: #aebbdd;
    --site-header-bg: #cdd7ed;
    --site-header-text: #571113;
    --site-footer-bg: #571113;
    --site-footer-text: #ffffff;
    --site-dark: #1f2937;
    --site-muted: #6b7280;
    --font-body: var(--default-font);
    --font-heading: var(--heading-font);
    --color-primary: var(--site-primary);
    --color-primary-hover: var(--site-primary-hover);
    --color-primary-dark: var(--site-primary-dark);
    --color-accent: #f4bd73;
    --color-text: var(--site-dark);
    --color-muted: var(--site-muted);
    --color-surface: #ffffff;
    --color-surface-soft: var(--site-secondary-soft);
    --color-border: color-mix(in srgb, var(--site-secondary) 78%, #ffffff);
    --container-width: 1220px;
    --container-gutter: 40px;
    --section-spacing: 58px;
    --section-spacing-sm: 44px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --shadow-card: 0 14px 32px color-mix(in srgb, var(--site-primary) 6%, transparent);
    --shadow-card-hover: 0 20px 42px color-mix(in srgb, var(--site-primary) 11%, transparent);
    --transition-default: 180ms ease;
    --text-sm: 14px;
    --text-base: 15.5px;
    --text-lg: 18px;
    --heading-1: clamp(2.08rem, 3.7vw, 3.25rem);
    --heading-2: clamp(1.7rem, 2.8vw, 2.45rem);
    --heading-3: clamp(1.08rem, 1.4vw, 1.2rem);
    --accent-color: var(--site-primary);
    --nav-hover-color: var(--site-primary);
    --nav-dropdown-hover-color: var(--site-primary);
}