/* ============================================================
   Olimpiada Tangram - Typography Tokens
   Poppins carries everything (400-900). Anton is the heavy
   condensed display face that echoes the "TANGRAM" wordmark.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --tg-font-display: 'Anton', 'Poppins', 'Arial Narrow', sans-serif; /* impact / wordmark energy */
  --tg-font-heading: 'Poppins', system-ui, 'Segoe UI', sans-serif;   /* section & card headings */
  --tg-font-body:    'Poppins', system-ui, 'Segoe UI', sans-serif;   /* body copy */
  --tg-font-quote:   'Lora', Georgia, 'Times New Roman', serif;      /* testimonial quotes (italic) */

  /* ---- Weights (Poppins) ---- */
  --tg-weight-regular:  400;
  --tg-weight-medium:   500;
  --tg-weight-semibold: 600;
  --tg-weight-bold:     700;
  --tg-weight-extra:    800;
  --tg-weight-black:    900;

  /* ---- Type scale (rem @ 16px root) ----
     Marketing / slides run large; UI text stays 14-18px. */
  --tg-text-2xs:  0.75rem;   /* 12 - labels, legal */
  --tg-text-xs:   0.8125rem; /* 13 */
  --tg-text-sm:   0.875rem;  /* 14 */
  --tg-text-base: 1rem;      /* 16 - body default */
  --tg-text-md:   1.125rem;  /* 18 - lead body */
  --tg-text-lg:   1.375rem;  /* 22 */
  --tg-text-xl:   1.75rem;   /* 28 */
  --tg-text-2xl:  2.25rem;   /* 36 */
  --tg-text-3xl:  3rem;      /* 48 */
  --tg-text-4xl:  4rem;      /* 64 */
  --tg-text-5xl:  5.5rem;    /* 88 */
  --tg-text-6xl:  7rem;      /* 112 - hero display */

  /* ---- Line heights ---- */
  --tg-leading-tight:   1.02; /* display headlines */
  --tg-leading-snug:    1.15; /* headings */
  --tg-leading-normal:  1.5;  /* body */
  --tg-leading-relaxed: 1.65; /* long-form body */

  /* ---- Letter spacing ---- */
  --tg-tracking-tight:  -0.02em; /* large Poppins headings */
  --tg-tracking-normal: 0;
  --tg-tracking-wide:   0.04em;  /* small caps / pills / eyebrows */
  --tg-tracking-wider:  0.12em;  /* tiny uppercase labels */
}