/* ============================================================
   PYRATZ CORP - TYPOGRAPHY TOKENS
   Hanken Grotesk  -> headlines, body, UI (400/500/600/700/800)
   Space Mono      -> financial data ONLY (metric values, tickers,
                      code). NOT for decorative eyebrows.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Semantic family aliases */
  --font-display: var(--font-sans);  /* headlines       */
  --font-body:    var(--font-sans);  /* body + UI       */
  --font-data:    var(--font-mono);  /* financial data  */

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* ---- Type scale (px) ----
     Big headlines carry tight tracking; body stays neutral. */
  --text-display-xl: 66px;  /* hero headline            */
  --text-display-l:  48px;  /* section hero             */
  --text-display-m:  38px;  /* large heading            */
  --text-heading:    34px;  /* section heading          */
  --text-title:      22px;  /* card / block title       */
  --text-subtitle:   18px;  /* lede / large body        */
  --text-body-lg:    16px;
  --text-body:       15px;
  --text-body-sm:    13.5px;
  --text-caption:    12px;
  --text-micro:      10px;  /* mono labels              */

  /* ---- Fluid display sizes (modern, big-type) ----
     clamp() so hero type scales with the viewport. Use these for
     landing heroes and section openers; the px scale above is for
     fixed UI. */
  --fluid-hero:    clamp(44px, 7.2vw, 104px); /* @kind font */
  --fluid-display: clamp(36px, 4.6vw, 64px); /* @kind font */
  --fluid-heading: clamp(28px, 3.0vw, 42px); /* @kind font */
  --fluid-stat:    clamp(40px, 5.4vw, 76px); /* @kind font */

  /* ---- Line heights ---- */
  --leading-tight:  1.02;   /* display headlines        */
  --leading-snug:   1.15;
  --leading-normal: 1.5;
  --leading-relaxed:1.6;    /* body copy                */

  /* ---- Tracking ----
     Negative on big display; wide ONLY on mono data labels.
     Editorial kickers are sentence-case Hanken, NOT mono. */
  --tracking-display: -0.03em;
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-data:    0.16em;  /* mono metric labels / tickers */
  --tracking-wordmark:0.26em;  /* "CORP" lockup                */
}