/* ═══════════════════════════════════════════
   CHECK ESTUDIO — Typography Tokens
   ═══════════════════════════════════════════ */

:root {
  /* ── Font families ── */
  --font-sans:              'Syne', sans-serif;
  --font-mono:              'Syne Mono', monospace;

  /* ── Font weights ── */
  --weight-regular:         400;
  --weight-medium:          500;
  --weight-semibold:        600;
  --weight-bold:            700;
  --weight-extrabold:       800;

  /* ── Display / Hero ── */
  --text-display:           clamp(44px, 7vw, 88px);
  --text-display-weight:    var(--weight-extrabold);
  --text-display-leading:   0.93;
  --text-display-tracking:  -4px;

  /* ── Heading 1 ── */
  --text-h1:                clamp(34px, 4.5vw, 52px);
  --text-h1-weight:         var(--weight-extrabold);
  --text-h1-leading:        0.95;
  --text-h1-tracking:       -2.5px;

  /* ── Heading 2 ── */
  --text-h2:                clamp(26px, 2.8vw, 38px);
  --text-h2-weight:         var(--weight-extrabold);
  --text-h2-leading:        1;
  --text-h2-tracking:       -1.5px;

  /* ── Heading 3 ── */
  --text-h3:                22px;
  --text-h3-weight:         var(--weight-bold);
  --text-h3-leading:        1.15;
  --text-h3-tracking:       -0.5px;

  /* ── Body ── */
  --text-body:              16px;
  --text-body-leading:      1.85;

  /* ── Body small ── */
  --text-body-sm:           15px;
  --text-body-sm-leading:   1.8;

  /* ── Detail / small text ── */
  --text-detail:            14px;
  --text-detail-leading:    1.8;

  /* ── Label (monospace) ── */
  --text-label:             14px;
  --text-label-tracking:    4px;
  --text-label-weight:      var(--weight-regular);

  /* ── Nav / CTA ── */
  --text-nav:               11px;
  --text-nav-tracking:      2px;
  --text-nav-weight:        var(--weight-bold);

  /* ── Micro (counters, metadata) ── */
  --text-micro:             10px;
  --text-micro-tracking:    3px;

  /* ── Stat numbers ── */
  --text-stat:              36px;
  --text-stat-weight:       var(--weight-extrabold);
  --text-stat-tracking:     -2px;

  /* ── Step numbers ── */
  --text-step-number:       56px;
  --text-step-weight:       var(--weight-extrabold);
  --text-step-tracking:     -3px;
}