/* ==========================================================================
   Evoq — Typography tokens
   ========================================================================== */

:root {
  /* Families */
  --font-display: 'Arkitech', 'Manrope', sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', Consolas, monospace;

  /* Note: Arkitech ships bold-weight only (it is a display/logo cut) —
     always render --font-display at font-weight 700, never regular/light. */

  /* Type scale (px) — fluid via clamp for display sizes */
  --text-xs:    12px;
  --text-sm:    13px;
  --text-base:  15px;
  --text-md:    17px;
  --text-lg:    20px;
  --text-xl:    24px;
  --text-2xl:   30px;
  --text-3xl:   38px;
  --text-4xl:   48px;
  --text-5xl:   64px;
  --text-6xl:   84px;

  --display-sm:  clamp(28px, 3vw, 36px); /* @kind font */
  --display-md:  clamp(36px, 4.5vw, 56px); /* @kind font */
  --display-lg:  clamp(48px, 6vw, 80px); /* @kind font */
  --display-xl:  clamp(60px, 8vw, 112px); /* @kind font */

  /* Line heights */
  --leading-tight:  1.1;
  --leading-snug:   1.25;
  --leading-normal: 1.5;
  --leading-loose:  1.7;

  /* Letter spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-wider:  0.08em;   /* used on eyebrow/label caps, matches logo wordmark spacing */

  /* Weights (Manrope only — Arkitech is fixed-weight) */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;
  --weight-extrabold: 800;
}