/* Witly Design System — Typography tokens
   Fonts loaded from Google Fonts (all open-source). Self-host for production if required. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', Inter, ui-sans-serif, system-ui, sans-serif; /* @kind font */
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* @kind font */
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* @kind font */

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

  /* ---- Size scale (dashboard UI base = 14px) ---- */
  --fs-2xs: 11px; /* @kind font */
  --fs-xs: 12px; /* @kind font */
  --fs-sm: 13px; /* @kind font */
  --fs-md: 14px; /* @kind font */
  --fs-base: 15px; /* @kind font */
  --fs-lg: 16px; /* @kind font */
  --fs-xl: 18px; /* @kind font */
  --fs-2xl: 22px; /* @kind font */
  --fs-3xl: 28px; /* @kind font */
  --fs-4xl: 36px; /* @kind font */
  --fs-hero: clamp(2.75rem, 5vw, 4rem); /* @kind font */
  --fs-metric: 32px; /* @kind font */

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

  /* ---- Letter spacing ---- */
  --ls-tighter: -0.03em; /* @kind font */
  --ls-tight: -0.018em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.02em; /* @kind font */
  --ls-eyebrow: 0.08em; /* @kind font */
}