/* Pode Já — Typography tokens
   Display: Seatren (proprietary, NOT bundled) → Baloo 2 rounded/bold fallback.
   UI: Inter. Long-form body: DM Sans. */
:root {
  --pj-font-display: "Seatren", "Baloo 2", "Fredoka", "Poppins", sans-serif;
  --pj-font-ui: "Inter", -apple-system, "Segoe UI", sans-serif;
  --pj-font-body: "DM Sans", "Inter", sans-serif;

  /* Weights */
  --pj-weight-regular: 400;
  --pj-weight-medium: 500;
  --pj-weight-semibold: 600;
  --pj-weight-bold: 700;
  --pj-weight-extrabold: 800;

  /* Display scale (Seatren/Baloo 2) */
  --pj-display-xl: 800 56px/1.05 var(--pj-font-display);
  --pj-display-lg: 800 42px/1.08 var(--pj-font-display);
  --pj-display-md: 800 32px/1.12 var(--pj-font-display);
  --pj-display-sm: 700 24px/1.2 var(--pj-font-display);

  /* UI scale (Inter) */
  --pj-ui-lg: 700 20px/1.3 var(--pj-font-ui);
  --pj-ui-md: 600 16px/1.4 var(--pj-font-ui);
  --pj-ui-sm: 600 14px/1.4 var(--pj-font-ui);
  --pj-ui-xs: 600 12px/1.35 var(--pj-font-ui);

  /* Body scale (DM Sans) */
  --pj-body-lg: 400 17px/1.55 var(--pj-font-body);
  --pj-body-md: 400 15px/1.55 var(--pj-font-body);
  --pj-body-sm: 400 13px/1.5 var(--pj-font-body);
}