/* ============================================================
   ChicoryTV — Typography tokens
   UI sans: Geist. Numerics/times/durations: Geist Mono (tabular).
   ============================================================ */
:root {
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* Type scale (px) — dense admin, base 13 */
  --text-2xs: 11px;   /* micro labels, table meta */
  --text-xs:  12px;   /* secondary, chips */
  --text-sm:  13px;   /* body / table cells — the workhorse */
  --text-md:  14px;   /* emphasized body, inputs */
  --text-lg:  16px;   /* card titles */
  --text-xl:  20px;   /* page titles */
  --text-2xl: 26px;   /* dashboard stat numbers */
  --text-3xl: 34px;   /* hero / big metrics */

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

  /* Line heights */
  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.5;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.02em;
  --tracking-caps:   0.06em;  /* uppercase eyebrows / section labels */

  /* Tabular numerals — apply to any numeric/time/duration cell */
  --numeric-feature: "tnum" 1, "zero" 1; /* @kind other */
}

/* Utility: tabular figures for numbers, times, durations */
.ctv-num {
  font-family: var(--font-mono);
  font-feature-settings: var(--numeric-feature);
  font-variant-numeric: tabular-nums;
}
