/* SnowGroup — Typography tokens
   Display: Cut The Crap · Primary: Montserrat · Web: Roboto · Structural: DIN Pro */

:root {
  /* ---------- Families ---------- */
  --sg-font-display:   "Cut The Crap", "Montserrat", sans-serif;
  --sg-font-primary:   "Montserrat", -apple-system, "Segoe UI", sans-serif;
  --sg-font-web:       "Roboto", -apple-system, "Segoe UI", sans-serif;
  --sg-font-secondary: "DIN Pro", "Roboto", sans-serif; /* structural: nav, data, forms */

  /* ---------- Weights ---------- */
  --sg-weight-regular:   400;
  --sg-weight-medium:    500;
  --sg-weight-semibold:  600;
  --sg-weight-bold:      700;
  --sg-weight-extrabold: 800;
  --sg-weight-black:     900;

  /* ---------- Type scale (px, 1.25 major-third-ish, tuned for web UI) ---------- */
  --sg-text-xs:   12px;
  --sg-text-sm:   14px;
  --sg-text-base: 16px;
  --sg-text-md:   18px;
  --sg-text-lg:   20px;
  --sg-text-xl:   24px;
  --sg-text-2xl:  30px;
  --sg-text-3xl:  38px;
  --sg-text-4xl:  48px;
  --sg-text-5xl:  64px;
  --sg-text-6xl:  84px;   /* display headlines */

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

  /* ---------- Letter spacing ---------- */
  --sg-tracking-display: -0.01em;
  --sg-tracking-tight:   -0.02em;
  --sg-tracking-normal:  0;
  --sg-tracking-wide:    0.04em;
  --sg-tracking-caps:    0.08em; /* DIN Pro uppercase labels / eyebrows */
}