/* Typography — sizes taken verbatim from automation-channels.fig */
:root {
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-ui: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, ui-serif, "Times New Roman", serif;
  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", sans-serif;

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

  /* Display — Channel Panel channel name */
  --type-display-size: 30px;
  --type-display-weight: var(--fw-black);
  --type-display-line: 35px;
  --type-display-track: -0.65px;

  /* Serif eyebrow — editorial panel title */
  --type-serif-size: 22px;
  --type-serif-line: 100%;

  /* Metric — big numbers in the settings modal */
  --type-metric-size: 26px;
  --type-metric-weight: var(--fw-bold);

  /* Headings */
  --type-h1-size: 22px;   /* modal title */
  --type-h2-size: 20px;   /* panel title / mobile sheet title */
  --type-h3-size: 18px;   /* stepper value, avatar initial */
  --type-h4-size: 15px;   /* select-card title */
  --type-h5-size: 14px;   /* row title, button label */

  /* Body */
  --type-body-size: 13px;      /* the workhorse size — 33 uses in the file */
  --type-body-line: 22px;
  --type-body-line-tight: 17.88px;
  --type-small-size: 12px;
  --type-small-line: 19.5px;
  --type-micro-size: 11px;
  --type-nano-size: 10px;

  /* Section label — "SCHEDULE", "PRODUCTION" */
  --type-eyebrow-size: 10px;
  --type-eyebrow-weight: var(--fw-medium);
  --type-eyebrow-track: 1.2px;
  --type-eyebrow-track-wide: 1.5px;
}