/* ==========================================================================
   Trovva — Typography tokens
   Maxeville      — headlines & bold statements (display)
   Geist          — titles at smaller scale & long body text
   Geist Mono     — short texts, labels, details, metadata
   ========================================================================== */

:root {
  /* --- Families -------------------------------------------------------- */
  --font-display: "Maxeville", "Times New Roman", Georgia, serif;
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* --- Weights --------------------------------------------------------- */
  --weight-display: 400;     /* Maxeville Regular (bold not yet supplied) */
  --weight-regular: 500;     /* Geist Medium is the workhorse "regular" */
  --weight-bold: 700;

  /* --- Display scale (Maxeville) --------------------------------------- */
  --display-xl: 88px;        /* hero statements */
  --display-lg: 64px;
  --display-md: 44px;
  --display-sm: 32px;
  --display-leading: 0.96;
  --display-tracking: -0.02em;

  /* --- Text scale (Geist) ---------------------------------------------- */
  --text-2xl: 28px;
  --text-xl: 22px;
  --text-lg: 18px;
  --text-md: 16px;          /* body default */
  --text-sm: 14px;
  --text-leading: 1.5;
  --text-leading-tight: 1.25;
  --text-tracking: 0;

  /* --- Mono / label scale (Geist Mono) --------------------------------- */
  --mono-md: 14px;
  --mono-sm: 12px;
  --mono-xs: 11px;
  --mono-tracking: 0.04em;   /* a touch of tracking; uppercase labels read better */
  --label-transform: uppercase; /* @kind other */
}