/* ============================================================
   Drupal4Edu — Typography tokens
   Primary face: Lato.  Secondary/UI accent: Outfit.
   ============================================================ */

:root {
  /* Families */
  --font-primary: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-accent:  "Outfit", "Lato", system-ui, sans-serif;

  /* Weights (Lato ships these) */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* Type scale — px values reflect the Figma comps
     (hero 58, section title 40/32, card title 20/18, body 16/14) */
  --fs-display:  58px;   /* hero headline */
  --fs-h1:       40px;
  --fs-h2:       32px;   /* section titles */
  --fs-h3:       24px;
  --fs-h4:       20px;   /* card titles */
  --fs-lg:       18px;
  --fs-body:     16px;
  --fs-sm:       14px;   /* nav, buttons, captions, body small */
  --fs-xs:       12px;

  /* Line heights */
  --lh-display:  66px;
  --lh-h1:       48px;
  --lh-h2:       40px;
  --lh-h3:       32px;
  --lh-snug:     1.3; /* @kind other */
  --lh-body:     28px;   /* generous body leading from comps */
  --lh-normal:   1.5; /* @kind other */
  --lh-tight:    1.2; /* @kind other */

  /* Tracking — comps use a consistent +1% */
  --tracking-default: 0.01em; /* @kind other */
  --tracking-wide:    0.04em;   /* @kind other */
}