/* ShadowPOS — Typography tokens
   Product font is Inter (Mantine theme: fontFamily "Inter, sans-serif").
   Loaded via fonts.css. Scale mirrors Mantine v7 defaults used across the app. */

:root {
  /* ---- Families ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace; /* SKUs, prices, codes */

  /* ---- Body sizes (Mantine fontSizes) ---- */
  --fs-xs: 0.75rem;   /* 12px — badges, meta, table caption */
  --fs-sm: 0.875rem;  /* 14px — default UI text, nav, table cells */
  --fs-md: 1rem;      /* 16px — base body */
  --fs-lg: 1.125rem;  /* 18px */
  --fs-xl: 1.25rem;   /* 20px */

  /* ---- Heading sizes (Mantine headings) ---- */
  --fs-h1: 2.125rem;  /* 34px */
  --fs-h2: 1.625rem;  /* 26px */
  --fs-h3: 1.375rem;  /* 22px */
  --fs-h4: 1.125rem;  /* 18px */
  --fs-h5: 1rem;      /* 16px */
  --fs-h6: 0.875rem;  /* 14px */

  /* ---- Weights ---- */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */ /* nav labels, emphasized cells */
  --fw-semibold: 600;  /* @kind font */ /* active nav, sub-headings */
  --fw-bold: 700;      /* @kind font */ /* headings */

  /* ---- Line heights (Mantine lineHeights) ---- */
  --lh-tight: 1.3;     /* @kind font */ /* headings */
  --lh-xs: 1.4;        /* @kind font */
  --lh-sm: 1.45;       /* @kind font */
  --lh-md: 1.55;       /* @kind font */ /* body default */
  --lh-lg: 1.6;        /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.01em; /* @kind font */ /* large headings */
  --ls-normal: 0;      /* @kind font */
  --ls-wide: 0.02em;   /* @kind font */ /* uppercase labels / badges */
}