@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --fp-system-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fp-system-heading-family: var(--fp-system-font-family);
    --fp-system-font-size-xs: 12px;
    --fp-system-font-size-sm: 13px;
    --fp-system-font-size-base: 14px;
    --fp-system-font-size-lg: 16px;
    --fp-system-font-size-xl: 20px;
    --fp-system-font-size-2xl: 28px;
    --fp-system-line-height-tight: 1.25;
    --fp-system-line-height-base: 1.43;
    --fp-system-line-height-relaxed: 1.57;
    --fp-system-font-weight-regular: 400;
    --fp-system-font-weight-medium: 500;
    --fp-system-font-weight-semibold: 600;
    --fp-system-font-weight-bold: 700;
}

body {
    font-family: var(--fp-system-font-family);
    font-size: var(--fp-system-font-size-base);
    line-height: var(--fp-system-line-height-base);
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fp-system-heading-family);
    line-height: var(--fp-system-line-height-tight);
    letter-spacing: 0;
}

.numeric,
.price,
.time,
.date,
.table-value {
    font-variant-numeric: tabular-nums;
}