:root{
  --font-core:"Roboto","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Roboto Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Display / titles — always Bold, always uppercase, always tight */
  --fs-display-1:88px; /* @kind font */
  --lh-display-1:.92; /* @kind font */
  --fs-display-2:64px; /* @kind font */
  --lh-display-2:.94; /* @kind font */
  --fs-title-1:44px; /* @kind font */
  --lh-title-1:1.0; /* @kind font */
  --fs-title-2:32px; /* @kind font */
  --lh-title-2:1.05; /* @kind font */
  --fs-title-3:24px; /* @kind font */
  --lh-title-3:1.15; /* @kind font */
  --fs-title-4:18px; /* @kind font */
  --lh-title-4:1.2; /* @kind font */

  /* Body */
  --fs-body-lg:18px; /* @kind font */
  --lh-body-lg:1.6; /* @kind font */
  --fs-body:16px; /* @kind font */
  --lh-body:1.6; /* @kind font */
  --fs-body-sm:14px; /* @kind font */
  --lh-body-sm:1.55; /* @kind font */
  --fs-caption:12px; /* @kind font */
  --lh-caption:1.45; /* @kind font */

  /* Technical labels: small, uppercase, tracked out — the "plan annotation" voice */
  --fs-label:12px; /* @kind font */
  --lh-label:1.1; /* @kind font */
  --fs-label-sm:10px; /* @kind font */
  --lh-label-sm:1.1; /* @kind font */

  --ls-display:-0.02em; /* @kind font */
  --ls-title:-0.01em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-label:0.14em; /* @kind font */
  --ls-label-wide:0.22em; /* @kind font */

  /* Ready-made shorthands */
  --type-display-1:var(--fw-bold) var(--fs-display-1)/var(--lh-display-1) var(--font-core); /* @kind font */
  --type-display-2:var(--fw-bold) var(--fs-display-2)/var(--lh-display-2) var(--font-core); /* @kind font */
  --type-title-1:var(--fw-bold) var(--fs-title-1)/var(--lh-title-1) var(--font-core); /* @kind font */
  --type-title-2:var(--fw-bold) var(--fs-title-2)/var(--lh-title-2) var(--font-core); /* @kind font */
  --type-title-3:var(--fw-bold) var(--fs-title-3)/var(--lh-title-3) var(--font-core); /* @kind font */
  --type-title-4:var(--fw-bold) var(--fs-title-4)/var(--lh-title-4) var(--font-core); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-core); /* @kind font */
  --type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body-sm) var(--font-core); /* @kind font */
  --type-emphasis:var(--fw-medium) var(--fs-body)/var(--lh-body) var(--font-core); /* @kind font */
  --type-label:var(--fw-bold) var(--fs-label)/var(--lh-label) var(--font-core); /* @kind font */
  --type-mono:var(--fw-regular) var(--fs-caption)/var(--lh-caption) var(--font-mono); /* @kind font */
}