/* WMS Typography
 * H1 Cubano 60px · H2 Cubano 40px · H3 Grundschrift 30px
 * Body Open Sans 16–20px (B1 20 · B2 16 · B3 11)
 * Deco / mascot speech: DK Lemon Yellow Sun
 * (Display/subhead/deco fonts substituted — see tokens/fonts.css.) */

:root {
  /* ---- Families ---- */
  --font-display: 'Cubano', 'Fredoka', system-ui, sans-serif;        /* H1/H2 display */
  --font-subhead: 'Grundschrift', 'Quicksand', system-ui, sans-serif; /* H3 subheads / CTA */
  --font-body:    'Open Sans', system-ui, -apple-system, sans-serif;  /* body */
  --font-deco:    'DK Lemon Yellow Sun', 'Caveat', cursive;           /* deco / mascot speech */
  --font-logo-sans:   'WMS Logo Sans', 'Cubano', sans-serif; /* @kind font */
  --font-logo-script: 'WMS Logo Script', cursive; /* @kind font */

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

  /* ---- Type scale (px values from styleguide) ---- */
  --fs-h1: 60px;   /* Cubano */
  --fs-h2: 40px;   /* Cubano */
  --fs-h3: 30px;   /* Grundschrift */
  --fs-b1: 20px;   /* Open Sans */
  --fs-b2: 16px;   /* Open Sans (default body) */
  --fs-b3: 11px;   /* Open Sans (fine print) */
  --fs-display-xl: 88px;  /* hero / poster scale */

  /* ---- Line heights ---- */
  --lh-display: 1.02; /* @kind font */
  --lh-heading: 1.1; /* @kind font */
  --lh-body:    1.55; /* @kind font */
  --lh-tight:   1.25; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: -0.01em; /* @kind font */
  --ls-body:    0; /* @kind font */
  --ls-caps:    0.04em; /* @kind font */

  /* =========================================================
     Semantic role tokens
     ========================================================= */
  --text-h1:      var(--fw-bold) var(--fs-h1)/var(--lh-display) var(--font-display);
  --text-h2:      var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);
  --text-h3:      var(--fw-semibold) var(--fs-h3)/var(--lh-tight) var(--font-subhead);
  --text-lead:    var(--fw-regular) var(--fs-b1)/var(--lh-body) var(--font-body);
  --text-body:    var(--fw-regular) var(--fs-b2)/var(--lh-body) var(--font-body);
  --text-fine:    var(--fw-regular) var(--fs-b3)/var(--lh-body) var(--font-body);
  --text-button:  var(--fw-semibold) var(--fs-b2)/1 var(--font-body); /* @kind font */
}