/* ============================================================
   Typography — Straloo Design System
   Inter for everything; Geist Mono for code / numeric tabular.
   The product UI is dense: base body is 14px (text-sm), with
   16px reserved for inputs to avoid iOS zoom.
   ============================================================ */

:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;

  /* Type scale (rem) — mirrors Tailwind sizes used across palpatine */
  --text-xs: 0.75rem;     /* 12px — badges, captions, meta */
  --text-sm: 0.875rem;    /* 14px — DEFAULT body / UI text */
  --text-base: 1rem;      /* 16px — inputs, comfortable reading */
  --text-lg: 1.125rem;    /* 18px — card titles */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px — section headings */
  --text-3xl: 1.875rem;   /* 30px — page titles */
  --text-4xl: 2.25rem;    /* 36px — display */
  --text-5xl: 3rem;       /* 48px — hero */

  /* Weights — Inter. Medium is the workhorse for UI labels. */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Line heights */
  --leading-none: 1;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — tighten display sizes only */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
}