/* ============================================================
   Metronic 9 — Typography Tokens
   Type family: Inter (300/400/500/600/700). Loaded via Google
   Fonts in fonts.css. Metronic leans on medium (500) & semibold
   (600) weights; body is 400.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;

  /* ---- Weights ---- */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---- Font sizes (Tailwind scale + Metronic custom 2sm / 2xs) ---- */
  --text-2xs: 0.6875rem;   /* 11px — badges, micro-labels */
  --text-xs: 0.75rem;      /* 12px */
  --text-2sm: 0.8125rem;   /* 13px — Metronic default control text */
  --text-sm: 0.875rem;     /* 14px — base body in components */
  --text-base: 1rem;       /* 16px — page base */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 1.875rem;    /* 30px */
  --text-4xl: 2.25rem;     /* 36px */

  /* ---- Line heights ---- */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;

  /* ---- Letter spacing ---- */
  --tracking-tight: -0.0125em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
}