/* Typography System - UI-TYPOGRAPHY-01
   Font: Inter Variable, self-hosted (SIL Open Font License 1.1, official rsms.me distribution).
   One shared source for Customer, Admin and Employee interfaces. */

@font-face {
    font-family: "Inter";
    src: url("../fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.75rem;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.6;
}

html, body {
    font-family: var(--font-primary);
}

/* Tabular numerals for financial values and numeric columns */
.tnum {
    font-variant-numeric: tabular-nums;
}

/* iOS Safari input-focus zoom guard: form controls render at 16px on small screens.
   The !important is deliberate and narrow: Tailwind font-size utility classes on the
   inputs outrank a plain element selector, so the guard would otherwise never apply. */
@media (max-width: 767px) {
    input, select, textarea {
        font-size: 16px !important;
    }
}