/* ELKI.KZ — Typography tokens
   Two families, mirrored from the source file:
     • Poppins  → display & UI (deck, website)
     • Akzidenz-Grotesk Pro → editorial / КП documents  (sub: Inter)
   The brand signature is TIGHT tracking: -0.04em on nearly everything. */

:root {
  /* ---- Families ---------------------------------------------------------- */
  /* Latin renders Poppins; Cyrillic falls through to Montserrat. */
  --font-display: 'Poppins', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans:    'Poppins', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* КП / editorial — neo-grotesque (Akzidenz-Grotesk Pro substitute). */
  --font-editorial: 'Inter', 'Akzidenz-Grotesk Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Weights ----------------------------------------------------------- */
  --fw-extralight: 200;  /* @kind font */
  --fw-regular:    400;  /* @kind font */
  --fw-medium:     500;  /* @kind font */
  --fw-semibold:   600;  /* @kind font */
  --fw-bold:       700;  /* @kind font */

  /* ---- Tracking ---------------------------------------------------------- */
  --tracking-tight:  -0.04em;   /* ★ brand default */
  --tracking-snug:   -0.02em;
  --tracking-normal: 0;

  /* ---- Type scale (px @ deck 1920 baseline; rem for web) ----------------- */
  /* Display — Poppins Bold, tight */
  --fs-mega:    222px;  /* hero wordmark "elki.kz" */
  --fs-display: 128px;  /* huge stat / cover */
  --fs-h1:      64px;   /* big numbers, section heroes */
  --fs-h2:      48px;
  --fs-h3:      36px;   /* section header row */
  --fs-h4:      32px;
  --fs-title:   24px;   /* card title */
  --fs-body-lg: 21px;
  --fs-body:    20px;
  --fs-small:   18px;

  /* ---- Line heights ------------------------------------------------------ */
  --lh-solid:  1;       /* @kind font */
  --lh-tight:  1.1;     /* @kind font */
  --lh-snug:   1.3;     /* @kind font */
  --lh-body:   1.5;     /* @kind font */

  /* ---- Web rem scale (for UI kit / website) ------------------------------ */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  3rem;
  --text-4xl:  4rem;
}