/* Dough — Typography tokens
   Display/UI/body: Archivo. Mono (labels, code, data rails): Fira Code.
   px for size + line-height, em for tracking. */

:root {
  /* ---- Families ---- */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-ui:      "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* ---- Type scale (size / line-height / weight / tracking) ---- */
  /* display — hero */
  --display-size: 88px;  --display-line: 80px;  --display-weight: 900; --display-track: -0.03em;
  /* h1 */
  --h1-size: 48px;       --h1-line: 50px;       --h1-weight: 900;     --h1-track: -0.03em;
  /* section heading */
  --section-size: 34px;  --section-line: 38px;  --section-weight: 800;--section-track: -0.01em;
  /* card title */
  --card-title-size: 20px; --card-title-line: 28px; --card-title-weight: 700; --card-title-track: -0.01em;
  /* body large */
  --body-lg-size: 19px;  --body-lg-line: 29px;  --body-lg-weight: 400;--body-lg-track: 0; /* @kind other */
  /* body */
  --body-size: 16px;     --body-line: 24px;     --body-weight: 400;   --body-track: 0; /* @kind other */
  /* small */
  --small-size: 14px;    --small-line: 21px;    --small-weight: 400;  --small-track: 0; /* @kind other */

  /* ---- Mono labels (uppercase, tracked) ---- */
  --eyebrow-size: 12px;  --eyebrow-line: 16px;  --eyebrow-weight: 500;--eyebrow-track: 0.16em;
  --label-size: 10px;    --label-line: 14px;    --label-weight: 500;  --label-track: 0.10em;
}