@font-face {
    font-family: "DM Sans";
    src: url("/static/assets/DMSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DM Sans";
    src: url("/static/assets/DMSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --vin-color-base-dark-blue: #102633;
    --vin-color-base-off-white: #fbf8f7;
    --vin-color-base-white: #ffffff;
    --vin-color-text-primary: #0e212d;
    --vin-color-text-secondary: #828e95;
    --vin-color-border-default: #dce2e6;
    --vin-color-border-focus: #859096;
    --vin-color-border-error: #c65158;
    --vin-spacing-1: 4px;
    --vin-spacing-2: 8px;
    --vin-spacing-3: 12px;
    --vin-spacing-4: 16px;
    --vin-border-radius-md: 8px;
    --vin-border-radius-sm: 4px;
    --vin-border-width: 1px;
    --vin-height-input: 36px;
    --vin-height-one-time-code: 56px;
    --vin-font-family:
        "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        sans-serif;
    --vin-font-weight-regular: 400;
    --vin-font-weight-medium: 500;
    --vin-font-size-sm: 14px;
    --vin-line-height-sm: 20px;
    --vin-font-size-lg: 24px;
    --vin-line-height-lg: 32px;
    --vin-animation-duration: 150ms;
    --vin-animation-ease: cubic-bezier(0.4, 0, 0.2, 1);
    color-scheme: only light;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --vin-animation-duration: 0ms;
    }
}