/* ============================================================
   SterlingCraft — Typography tokens
   Montaga (display serif, brand)  +  Hanken Grotesk (text/UI sans)
   Display is reserved for headings & the wordmark voice; body
   copy and all UI chrome use the sans for legibility.
   ============================================================ */

:root {
  /* Families */
  --font-display: "Montaga", "Hoefler Text", "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Weights (sans; Montaga is single-weight 400) */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale — fluid-ish fixed steps (1.250 major-third-ish) */
  --text-2xs: 0.6875rem;  /* 11px — micro labels */
  --text-xs:  0.75rem;    /* 12px */
  --text-sm:  0.875rem;   /* 14px */
  --text-base:1rem;       /* 16px — body */
  --text-md:  1.125rem;   /* 18px */
  --text-lg:  1.375rem;   /* 22px */
  --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 */

  /* Line heights */
  --leading-tight: 1.08;   /* display headings */
  --leading-snug: 1.25;    /* subheads */
  --leading-normal: 1.55;  /* body */
  --leading-relaxed: 1.7;  /* long-form */

  /* Letter-spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;   /* eyebrows / small caps labels */
  --tracking-widest: 0.22em;  /* wordmark-style lockups */
}