/* ArchiTrak typography tokens */

:root {
  --font-sans: 'Inter', 'Inter Fallback', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', var(--font-sans);   /* marketing display sections */
  /* The ArchiTrak wordmark uses Azonix — shipped as image assets, not a webfont */

  /* Scale (from Tailwind usage in source) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;

  /* Weights — hero headlines are LIGHT (300); UI labels medium/semibold */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Semantic */
  --text-hero: var(--weight-light) var(--text-6xl)/1.1 var(--font-sans);      /* tracking-tight */
  --text-section-title: var(--weight-bold) var(--text-4xl)/1.15 var(--font-sans);
  --text-card-title: var(--weight-semibold) var(--text-2xl)/1 var(--font-sans);
  --text-body: var(--weight-regular) var(--text-base)/1.625 var(--font-sans);
  --text-eyebrow: var(--weight-semibold) var(--text-xs)/1 var(--font-sans);   /* uppercase, 0.2em tracking, accent color */
  --text-metric-label: var(--weight-medium) var(--text-sm)/1 var(--font-sans); /* uppercase, wide tracking, muted */
}