:root {
  --stage-950: #0F1318; --stage-900: #161B22; --stage-800: #1F2630; --stage-600: #5B687A;
  --fog-400: #8D99A8; --paper-50: #EEF1F4;
  --signal-500: #4C6BFF; --signal-300: #8FA3FF;
  --work-red: #C42E15;   /* SFHub */
  --work-green: #267524; /* Land Investigate */
  --work-plum: #7A3B8F;  /* PaperLink Mail. Provisional, paper-50 text 6.4:1 */
  --work-teal: #0F6B73;  /* ShareStill. Provisional, paper-50 text 5.5:1 */
  --work-navy: #1E4FA3;    /* PaperlinkOS. Provisional, paper-50 text 6.8:1 */
  --work-ochre: #8A5A00;   /* TrackWithThem. Provisional, paper-50 text 5.2:1 */
  --work-crimson: #A3234F; /* Mberede. Provisional, paper-50 text 6.3:1 */
  --space-2: 8px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 4px; --radius-md: 10px; --radius-pill: 999px;
  --shadow-window: 0 24px 48px rgba(0,0,0,0.45);
  --font-display: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Figtree", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
}

.t-display-xl { font: 700 72px/68px var(--font-display); letter-spacing: -0.02em; }
.t-display-md { font: 700 32px/36px var(--font-display); letter-spacing: -0.01em; }
.t-title { font: 600 20px/26px var(--font-display); }
.t-body { font: 400 16px/24px var(--font-body); }
.t-body-strong { font: 600 16px/24px var(--font-body); }
.t-small { font: 400 14px/20px var(--font-body); }
.t-label { font: 500 12px/16px var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; }