/* ============================================================
   Resonans — Typography tokens
   Latin   : Manrope — headings, titles, body & caption.
             Source: https://fonts.google.com/specimen/Manrope
             Selected weights: ExtraLight 200 → ExtraBold 800.
   Persian : Peyda   — headings, titles, body & caption (dir="rtl").
             Source: https://fontiran.com/fonts/peyda
             Selected weights: ExtraLight 200 → Black 900.
   Section titles are set BIG in Manrope Medium (Peyda Black for
   Persian display); micro-labels are 15px, letter-spaced, muted.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --rz-font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --rz-font-fa:   'Peyda', 'Manrope', Tahoma, sans-serif;
  --rz-font-display: var(--rz-font-sans);

  /* ---- Weights ----
     Brand-book "selected font weights":
       Latin   (Manrope): ExtraLight → ExtraBold  (200–800)
       Persian (Peyda)  : ExtraLight → Black       (200–900) — Peyda adds Black */
  --rz-w-extralight: 200; /* @kind font */
  --rz-w-light:      300; /* @kind font */
  --rz-w-regular:    400; /* @kind font */
  --rz-w-medium:     500; /* @kind font */
  --rz-w-semibold:   600; /* @kind font */
  --rz-w-bold:       700; /* @kind font */
  --rz-w-extrabold:  800; /* @kind font */
  --rz-w-black:      900; /* @kind font — Peyda only (Persian display) */

  /* ---- Type scale (fluid where useful) ---- */
  --rz-text-micro:  0.8125rem;   /* 13px — corner labels / legal */
  --rz-text-label:  0.9375rem;   /* 15px — the brand's ubiquitous label size */
  --rz-text-sm:     0.9375rem;   /* 15px — secondary / UI text (one step below body) */
  --rz-text-base:   1rem;        /* 16px — body (1:1 with legacy resonans.academy) */
  --rz-text-btn:    1.125rem;    /* 18px — action buttons, 1:1 with the legacy CTA.
                                    Sits between base and lg on purpose; it is a
                                    control size, not a step in the body ramp. */
  --rz-text-lg:     1.375rem;    /* 22px */
  --rz-text-xl:     1.75rem;     /* 28px */
  --rz-text-2xl:    2.25rem;     /* 36px */
  --rz-text-3xl:    3rem;        /* 48px */
  --rz-text-4xl:    clamp(2.75rem, 5vw, 4.5rem);   /* big display metrics ("loud numbers") */
  --rz-text-5xl:    clamp(3.5rem, 8vw, 7rem);      /* slide / display scale */
  --rz-text-display: clamp(4rem, 12vw, 11rem);     /* hero wordmark scale */

  /* ---- Heading scale — matched 1:1 to legacy resonans.academy (owner-approved) ----
     body 16/24 · h1 48/56 · h2 32/40 · h3 24/32 · h4 24/32(600) — Peyda/Manrope Bold,
     negative tracking on large sizes. The site hero uses --rz-h-hero (72/80). */
  --rz-h-hero:   4.5rem;    /* 72px — page hero title */
  --rz-h-hero-lh:1.111;     /* 80/72 */
  --rz-h1:       3rem;      /* 48px */
  --rz-h1-lh:    1.1667;    /* 56/48 */
  --rz-h1-track: -0.8px;
  --rz-h2:       2rem;      /* 32px */
  --rz-h2-lh:    1.25;      /* 40/32 */
  --rz-h2-track: -0.5px;
  --rz-h3:       1.5rem;    /* 24px */
  --rz-h3-lh:    1.3333;    /* 32/24 */
  --rz-h3-track: -0.2px;
  --rz-h4:       1.5rem;    /* 24px */
  --rz-h4-lh:    1.3333;
  --rz-h4-track: -0.2px;
  --rz-h5:       1.25rem;   /* 20px */
  --rz-h5-lh:    1.4;
  --rz-h6:       1rem;      /* 16px */
  --rz-h6-lh:    1.5;

  /* ---- Line heights ---- */
  --rz-leading-tight: 1;
  --rz-leading-snug:  1.15;
  --rz-leading-normal:1.5;
  --rz-leading-relaxed:1.65;

  /* ---- Tracking ---- */
  --rz-tracking-tight:  -0.02em;   /* large Manrope headings */
  --rz-tracking-normal: 0;
  --rz-tracking-label:  0.06em;    /* uppercase micro-labels */
  --rz-tracking-wide:   0.14em;
}