@font-face {
    font-family: "Inter";
    src: url("fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --website-font-family: "Inter", sans-serif;
    --website-primary-color: #a80000;
    --website-primary-hover: #870000;
    --website-primary-soft: rgba(168, 0, 0, 0.08);
    --website-primary-soft-strong: rgba(168, 0, 0, 0.14);
    --website-heading-color: #111318;
    --website-text-color: #343840;
    --website-muted-color: #5f6875;
    --website-background-color: #ffffff;
    --website-section-background: #fff8f8;
    --website-soft-background: #f8fafc;
    --website-footer-background: #ffffff;
    --website-footer-text: #343840;
    --website-footer-muted: #5f6875;
    --website-border-color: rgba(17, 24, 39, 0.1);
    --website-border-soft: #eee3e3;
    --website-border-radius-sm: 8px;
    --website-border-radius-md: 12px;
    --website-border-radius-lg: 18px;
    --website-border-radius-xl: 24px;
    --website-box-shadow: 0 14px 34px rgba(17, 24, 39, 0.06);
    --website-box-shadow-hover: 0 18px 38px rgba(17, 24, 39, 0.1);
    --website-primary-shadow: 0 12px 28px rgba(168, 0, 0, 0.18);
    --website-container-width: 90%;
    --website-container-max-width: none;
    --website-section-spacing: 60px;
    --website-section-spacing-tablet: 42px;
    --website-section-spacing-mobile: 34px;
    --website-content-gap: 28px;
    --website-focus-ring: 0 0 0 3px rgba(168, 0, 0, 0.16);
}