/* Van Trotter — Type tokens
   Brand guide calls for "Elegant Sans" (titles / short messages) and "Telegraf Ultralight" (running text).
   Neither font file was supplied — substituted with the closest free Google Fonts equivalents:
     Elegant Sans        → Syne       (confident geometric display sans)
     Telegraf Ultralight → Jost       (geometric grotesk with true thin/ultralight weights)
   Flagged in readme.md — swap the @import below + font-family vars if real font files arrive. */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=Jost:ital,wght@0,200;0,300;0,400;0,500;1,300&display=swap');

:root {
  --font-display: 'Syne', 'Helvetica Neue', Arial, sans-serif;   /* stand-in for Elegant Sans */
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;      /* stand-in for Telegraf Ultralight */

  /* ---- Type scale (px) ---- */
  --text-display: 64px;
  --text-h1: 48px;
  --text-h2: 36px;
  --text-h3: 28px;
  --text-h4: 22px;
  --text-body-lg: 19px;
  --text-body: 17px;
  --text-body-sm: 15px;
  --text-caption: 13px;

  /* ---- Line heights ---- */
  --leading-display: 1.05;
  --leading-heading: 1.15;
  --leading-body: 1.6;
  --leading-tight: 1.3;

  /* ---- Letter spacing ---- */
  --tracking-display: -0.01em;
  --tracking-heading: 0em;
  --tracking-body: 0.005em;
  --tracking-caption: 0.03em;

  /* ---- Weights ---- */
  --weight-display: 700;
  --weight-heading: 600;
  --weight-body-ultralight: 200;
  --weight-body: 300;
  --weight-body-medium: 500;
}
