/* andocreativo · Typography tokens
 * Principal (display): Monotalic → substituted with Quicksand. Lowercase,
 * geometric, friendly, monolinear. Headlines are set lowercase like the logo.
 * Secondary (body/UI): Poppins.
 * Mono accent: IBM Plex Mono — for the manifesto tagline & technical labels.
 */
:root {
  /* ---- Families ----
   * Display = Monotalic (brand principal). Listed first so it renders wherever
   * the font is installed/synced (e.g. Adobe Fonts / Creative Cloud) or once
   * self-hosted webfont files are added to tokens/fonts.css. Quicksand is the
   * graceful fallback when Monotalic is unavailable.
   */
  --font-display: 'Monotalic', 'Quicksand', 'Poppins', system-ui, sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Weights ---- */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Type scale (1.25 major-third-ish, tuned) ---- */
  --text-xs:   0.75rem;   /* 12px — micro labels */
  --text-sm:   0.875rem;  /* 14px — captions, meta */
  --text-base: 1rem;      /* 16px — body */
  --text-md:   1.125rem;  /* 18px — lead body */
  --text-lg:   1.375rem;  /* 22px — small headings */
  --text-xl:   1.75rem;   /* 28px */
  --text-2xl:  2.25rem;   /* 36px */
  --text-3xl:  3rem;      /* 48px */
  --text-4xl:  4rem;      /* 64px — display */
  --text-5xl:  5.5rem;    /* 88px — hero display */

  /* ---- Line heights ---- */
  --leading-tight:  1.05;  /* display headlines */
  --leading-snug:   1.2;
  --leading-normal: 1.5;   /* body */
  --leading-relaxed:1.65;

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.02em;  /* large display */
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.12em;   /* uppercase mono labels */
}