/* ============================================================
   Rocketronics — Typography tokens
   Display/brand = Braddon. UI/body = Roboto.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: "Braddon", "Roboto", system-ui, sans-serif;   /* wordmark, friendly hero callouts */
  --font-sans:    "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif; /* everything else */
  --font-mono:    ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", monospace; /* DRO / G-code / part numbers */

  /* ---- Weights (Roboto) ---- */
  --fw-thin: 100;    /* @kind other */
  --fw-light: 300;   /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500;  /* @kind other */
  --fw-bold: 700;    /* @kind other */
  --fw-black: 900;   /* @kind other */

  /* ---- Type scale (px values, 1.250 major-third-ish, tuned) ---- */
  --fs-display: 56px;   /* hero / marketing headline */
  --fs-h1: 40px;
  --fs-h2: 30px;
  --fs-h3: 23px;
  --fs-h4: 19px;
  --fs-lg: 18px;
  --fs-body: 16px;      /* base */
  --fs-sm: 14px;
  --fs-xs: 12px;        /* labels, captions, badges */

  /* ---- Line heights ---- */
  --lh-tight: 1.1;     /* @kind other */
  --lh-snug: 1.25;     /* @kind other */
  --lh-normal: 1.5;    /* @kind other */
  --lh-relaxed: 1.65;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0;      /* @kind other */
  --ls-wide: 0.04em;   /* @kind other */
  --ls-caps: 0.08em;   /* @kind other */ /* uppercase eyebrows / labels */
}