/* Mamchandi Laundry Express — Typography Tokens
   Heading: Space Grotesk. Body: Inter.
   NOTE: no font files were supplied with the brand brief — these are loaded
   from Google Fonts CDN (see fonts.css) as the nearest, license-clean match
   to "Space Grotesk / Sora" (heading) and "Inter / Manrope" (body). Flagging
   this substitution — if the brand owns licensed static font files, drop them
   into assets/fonts/ and swap the @font-face srcs in fonts.css. */

:root {
  --font-display: "Space Grotesk", "Sora", -apple-system, sans-serif;
  --font-body: "Inter", "Manrope", -apple-system, sans-serif;

  /* Type scale — Apple/Stripe-like generous large type */
  --text-display-1: 700 clamp(2.75rem, 4vw + 1rem, 4.5rem)/1.05 var(--font-display);
  --text-display-2: 700 clamp(2.25rem, 3vw + 1rem, 3.25rem)/1.1 var(--font-display);
  --text-h1: 600 clamp(2rem, 2vw + 1rem, 2.75rem)/1.15 var(--font-display);
  --text-h2: 600 1.75rem/1.25 var(--font-display);
  --text-h3: 600 1.375rem/1.3 var(--font-display);
  --text-h4: 600 1.125rem/1.35 var(--font-display);

  --text-body-lg: 400 1.125rem/1.6 var(--font-body);
  --text-body: 400 1rem/1.6 var(--font-body);
  --text-body-sm: 400 0.875rem/1.5 var(--font-body);
  --text-caption: 500 0.75rem/1.4 var(--font-body);
  --text-button: 600 1rem/1 var(--font-body);

  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.08em; /* for eyebrow labels, "LAUNDRY EXPRESS" style */
}