/* Ackoff type tokens — Inter for headline + UI, scale from board 03 "Type scale & hierarchy". */
:root {
  --font-sans: "Inter", "Inter Variable", "Segoe UI Variable", system-ui, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, monospace;

  --weight-light: 300; /* @kind font */
  --weight-regular: 400; /* @kind font */
  --weight-medium: 500; /* @kind font */
  --weight-semibold: 600; /* @kind font */

  /* Display 72/80 Light -2% */
  --type-display-size: 72px;
  --type-display-line: 80px;
  --type-display-weight: 300; /* @kind font */
  --type-display-tracking: -0.02em; /* @kind font */
  /* H1 48/56 Regular -1% */
  --type-h1-size: 48px;
  --type-h1-line: 56px;
  --type-h1-weight: 400; /* @kind font */
  --type-h1-tracking: -0.01em; /* @kind font */
  /* H2 32/40 Regular 0 */
  --type-h2-size: 32px;
  --type-h2-line: 40px;
  --type-h2-weight: 400; /* @kind font */
  /* H3 24/32 Medium 0 */
  --type-h3-size: 24px;
  --type-h3-line: 32px;
  --type-h3-weight: 500; /* @kind font */
  /* Body 16/24 Regular */
  --type-body-size: 16px;
  --type-body-line: 24px;
  /* Lead (marketing intro paragraphs) */
  --type-lead-size: 18px;
  --type-lead-line: 28px;
  /* Caption 14/20 Regular */
  --type-caption-size: 14px;
  --type-caption-line: 20px;
  /* Small UI text 13/18 (tables, nav) */
  --type-small-size: 13px;
  --type-small-line: 18px;
  /* UI Label 12/16 Medium +8% uppercase */
  --type-label-size: 12px;
  --type-label-line: 16px;
  --type-label-weight: 500; /* @kind font */
  --type-label-tracking: 0.08em; /* @kind font */
  /* Eyebrow — widely spaced section labels ("BRAND ESSENCE") */
  --type-eyebrow-size: 11px;
  --type-eyebrow-tracking: 0.32em; /* @kind font */

  /* Semantic aliases */
  --text-display: var(--type-display-weight) var(--type-display-size)/var(--type-display-line) var(--font-display);
  --text-heading-1: var(--type-h1-weight) var(--type-h1-size)/var(--type-h1-line) var(--font-display);
  --text-heading-2: var(--type-h2-weight) var(--type-h2-size)/var(--type-h2-line) var(--font-display);
  --text-heading-3: var(--type-h3-weight) var(--type-h3-size)/var(--type-h3-line) var(--font-display);
  --text-body-font: 400 var(--type-body-size)/var(--type-body-line) var(--font-body);
  --text-caption-font: 400 var(--type-caption-size)/var(--type-caption-line) var(--font-body);
}