/* ============================================================
   TYPOGRAPHY — Suggest Design System
   One family (Plus Jakarta Sans) across UI + display.
   Numbers are heavy and often tabular in the product; use
   --font-weight-bold + --tnum for stat figures.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-extra:   800; /* @kind font */

  /* ---- Type scale (px) ---- */
  --fs-display: 44px;   /* hero stat / big numbers  */
  --fs-h1:      30px;   /* page title ("Dashboard") */
  --fs-h2:      22px;   /* section / big metric      */
  --fs-h3:      18px;   /* card title                */
  --fs-lg:      16px;
  --fs-base:    15px;   /* default body / UI text    */
  --fs-sm:      14px;   /* secondary text, table     */
  --fs-xs:      13px;   /* labels, captions          */
  --fs-2xs:     11px;   /* micro labels / badges     */

  /* ---- Line heights ---- */
  --lh-tight:   1.1;  /* @kind font */
  --lh-snug:    1.3;  /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:   -0.02em;   /* display + headings @kind font */
  --ls-snug:    -0.01em;   /* @kind font */
  --ls-normal:  0;         /* @kind font */
  --ls-wide:    0.02em;    /* @kind font */
  --ls-caps:    0.06em;    /* uppercase micro-labels @kind font */

  /* ---- Semantic text roles ---- */
  --text-display-size: var(--fs-display);
  --text-display-weight: var(--fw-extra);
  --text-title-size: var(--fs-h1);
  --text-title-weight: var(--fw-bold);
  --text-cardtitle-size: var(--fs-h3);
  --text-cardtitle-weight: var(--fw-semibold);
  --text-body-size: var(--fs-base);
  --text-body-weight: var(--fw-regular);
  --text-label-size: var(--fs-xs);
  --text-label-weight: var(--fw-semibold);
}

/* Tabular-figure helper for aligned numbers in tables/stats */
:root { --tnum: "tnum" 1, "lnum" 1; /* @kind font */ }