/* ScamProfiler — Typography tokens
   One family: Montserrat. Two registers:
   - DISPLAY: heavy (800–900), UPPERCASE, tight. The accusation / the verdict.
   - OBSERVATION: light (300–400), sentence case, airy. The calm analysis.
   Labels are letter-spaced uppercase in light/regular — the "evidence tag" voice. */

:root {
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Weights */
  --fw-thin:       100; /* @kind font */
  --fw-extralight: 200; /* @kind font */
  --fw-light:      300; /* @kind font */
  --fw-regular:    400; /* @kind font */
  --fw-medium:     500; /* @kind font */
  --fw-semibold:   600; /* @kind font */
  --fw-bold:       700; /* @kind font */
  --fw-extrabold:  800; /* @kind font */
  --fw-black:      900; /* @kind font */

  /* Type scale (rem, 16px base) — modular, generous at the top end.
     Display sizes are meant to fill a square post or a hero. */
  --text-2xs:   0.6875rem;  /* 11px — micro evidence tag */
  --text-xs:    0.75rem;    /* 12px — labels, captions */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px — body */
  --text-lg:    1.25rem;    /* 20px */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   2rem;       /* 32px — observation line */
  --text-3xl:   2.75rem;    /* 44px */
  --text-4xl:   3.75rem;    /* 60px */
  --text-5xl:   5rem;       /* 80px — display headline */
  --text-6xl:   6.5rem;     /* 104px — cover verdict */

  /* Line heights */
  --leading-tight:   0.98;  /* stacked uppercase display */
  --leading-snug:    1.12;
  --leading-normal:  1.35;  /* observation sentences */
  --leading-relaxed: 1.6;   /* long-form body */

  /* Letter spacing */
  --tracking-display: -0.02em;  /* heavy uppercase pulls tighter */
  --tracking-tight:  -0.01em;
  --tracking-normal:  0em;
  --tracking-label:   0.18em;   /* the spaced "TOXIC PATTERN" tag */
  --tracking-wide:    0.28em;   /* widest — footer system line */

  /* ── Semantic roles ──────────────────────────── */
  /* Per the brandbook, the heading system is a tension between two extremes:
     Heading 1 = Montserrat Black, UPPERCASE (strength, impact, authority).
     Heading 2 = Montserrat ExtraLight, UPPERCASE (openness, sensitivity, a human tone).
     Body = Montserrat Regular. Red is the optional highlight. */
  --type-h1-weight:   var(--fw-black);
  --type-h1-spacing:  var(--tracking-display);
  --type-h1-leading:  var(--leading-tight);

  --type-h2-weight:   var(--fw-extralight);
  --type-h2-spacing:  var(--tracking-tight);
  --type-h2-leading:  var(--leading-snug);

  --type-display-weight:  var(--fw-black);
  --type-display-spacing: var(--tracking-display);
  --type-display-leading: var(--leading-tight);

  --type-observation-weight:  var(--fw-light);
  --type-observation-leading: var(--leading-normal);

  --type-label-weight:  var(--fw-regular);
  --type-label-spacing: var(--tracking-label);

  --type-body-weight:   var(--fw-regular);
  --type-body-leading:  var(--leading-relaxed);
}