/* ===========================================================================
   LinkUp — Typography tokens
   UI/body font: Plus Jakarta Sans (Google Fonts, 400/500/600/700).
   Systematic alternative: Inter. Accent: Poppins, Space Grotesk (sparing).
   NOTE: webfonts are loaded from Google Fonts CDN below. To fully self-host,
   drop the .woff2 files into assets/fonts/ and swap the @import for @font-face.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  /* --- Families --- */
  --font-sans: 'Plus Jakarta Sans', 'Noto Sans', system-ui, -apple-system,
               BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-alt: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-accent: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;

  /* --- Type scale (px) --- */
  --text-xs: 12px;    /* captions, nav labels, badges        */
  --text-sm: 14px;    /* secondary text, filter pills, sm btn */
  --text-base: 16px;  /* body, inputs, primary buttons        */
  --text-lg: 18px;    /* subheadings                          */
  --text-xl: 20px;    /* top-nav title (bold)                 */
  --text-2xl: 22px;   /* section headings                     */
  --text-3xl: 28px;   /* page / hero titles                   */

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

  /* --- Line height & tracking --- */
  --leading-base: 1.5;
  --leading-tight: 1.15;
  --tracking-title: -0.015em;  /* headings / titles            */
  --tracking-label: 0.015em;   /* nav labels / pill text       */
}