:root {
  --tr-bg: #f5f4ed;
  --tr-surface: #fff;
  --tr-surface-muted: #f8faf6;
  --tr-soft: #edf2e8;
  --tr-line: #dce3d7;
  --tr-line-strong: #c4cebf;
  --tr-ink: #14251e;
  --tr-ink-2: #384c40;
  --tr-muted: #57665d;
  --tr-accent: #123c32;
  --tr-focus: #3f7185;
  /* Brand accents are not operational statuses. Keep semantic tones below separate. */
  --tr-leaf: #90c86b;
  --tr-mineral: #3f7185;
  --tr-copper: #b66b46;
  --tr-copper-ink: #8b4f30;
  --tr-shell-ink: #f5f4ed;
  --tr-shell-muted: #c5d8bd;
  --tr-shell-focus: #c5e6aa;

  --tr-good-bg: #e6ece4;
  --tr-good-ink: #34452f;
  --tr-good-line: #b9c8b4;
  --tr-warn-bg: #f6ead9;
  --tr-warn-ink: #6e492c;
  --tr-warn-line: #d9b07f;
  --tr-danger-bg: #f3e1dd;
  --tr-danger-ink: #743d35;
  --tr-danger-line: #cf968b;
  --tr-neutral-bg: #efebe3;
  --tr-neutral-ink: #48453f;
  --tr-neutral-line: transparent;

  --tr-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tr-font-serif: Georgia, serif;
  --tr-text-xs: 11px;
  --tr-text-sm: 12px;
  --tr-text-md: 14px;
  --tr-text-lg: 16px;
  --tr-text-xl: 20px;
  --tr-text-2xl: 26px;
  --tr-text-title: clamp(30px, 4vw, 40px);

  --tr-space-1: 4px;
  --tr-space-2: 8px;
  --tr-space-3: 12px;
  --tr-space-4: 16px;
  --tr-space-5: 20px;
  --tr-space-6: 24px;
  --tr-space-7: 32px;
  --tr-space-8: 40px;

  --tr-radius-sm: 10px;
  --tr-radius-md: 14px;
  --tr-radius-lg: 18px;
  --tr-radius-pill: 999px;
  --tr-shadow-card: 0 10px 30px rgba(32, 29, 22, .05);

  /* Breakpoints: 1200px wide-to-medium, 900px single-column/touch, 600px phone. */
}