@import url("../../fonts/fonts-inter.css");

:root {
    --fl-font-sans: "Inter", system-ui, -apple-system, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
    --fl-w-regular: 400;
    --fl-w-medium: 500;
    --fl-w-semibold: 600;
    --fl-w-bold: 700;

    --fl-text-xs: 12px;
    --fl-lh-xs: 16px;
    --fl-text-sm: 14px;
    --fl-lh-sm: 20px;
    --fl-text-base: 16px;
    --fl-lh-base: 24px;
    --fl-text-lg: 18px;
    --fl-lh-lg: 28px;
    --fl-text-xl: 20px;
    --fl-lh-xl: 28px;
    --fl-text-2xl: 28px;
    --fl-lh-2xl: 36px;
    --fl-text-3xl: 32px;
    --fl-lh-3xl: 40px;

    --fl-text-strong: #2B2B2B;
    --fl-text-default: #333333;
    --fl-text-muted: #6B6B6B;
    --fl-text-placeholder: #A8A8A8;
    --fl-link: #214A9A;
    --fl-primary: #224A9C;
    --fl-primary-hover: #1e418a;
    --fl-border: #D9D9D9;
    --fl-surface: #FFFFFF;
    --fl-surface-subtle: #F7F9FC;
    --fl-focus-ring: rgba(34, 74, 156, 0.25);

    --fl-radius-sm: 8px;
    --fl-radius-md: 10px;
    --fl-control-h: 48px;
    --fl-control-h-compact: 40px;
}

html,
body {
    font-family: var(--fl-font-sans) !important;
    color: var(--fl-text-default);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

input,
button,
select,
textarea {
    font-family: inherit;
}