/* ============================================================
   Typography — Pasör
   Roboto for product UI (matches Flutter default).
   Plus Jakarta Sans for marketing display.
   Heading weights run heavy: 700–900. Turkish text throughout.
   Sizes mirror the app's sp scale (390×844 reference design).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Plus Jakarta Sans", "Roboto", sans-serif; /* marketing */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 900;

  /* ---- Type scale (px ≈ Flutter sp) ---- */
  --text-3xl: 32px;   /* PASÖR wordmark / hero */
  --text-2xl: 28px;   /* screen titles */
  --text-xl: 22px;    /* app bar title */
  --text-lg: 18px;    /* section heads */
  --text-otp: 24px;   /* OTP digit */
  --text-md: 16px;    /* input / button label */
  --text-base: 14px;  /* body default */
  --text-sm: 13px;
  --text-xs: 12px;    /* meta / timestamps */
  --text-2xs: 11px;   /* captions, nav labels */
  --text-3xs: 10px;   /* badge counts */

  /* ---- Line heights ---- */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-wordmark: 2px;  /* PASÖR */
  --tracking-wide: 1px;
  --tracking-normal: 0;
  --tracking-tight: -1px;    /* marketing display headings */
}