/* TechMailing Design System — semantic tokens */
:root {
  --tm-color-ink: #142333;
  --tm-color-muted: #526574;
  --tm-color-paper: #f5f7f8;
  --tm-color-white: #ffffff;
  --tm-color-navy: #091827;
  --tm-color-navy-surface: #102638;
  --tm-color-teal: #167d74;
  --tm-color-teal-bright: #6dd4c3;
  --tm-color-amber: #9a650d;
  --tm-color-amber-bright: #f0bd5d;
  --tm-color-line: #d8e0e6;
  --tm-color-line-dark: #3b5668;

  --tm-font-sans: 'DM Sans', sans-serif;
  --tm-font-mono: 'Space Mono', monospace;
  --tm-text-body: 16px;
  --tm-text-small: 13px;
  --tm-text-label: 11px;
  --tm-leading-body: 1.55;
  --tm-leading-tight: 1.05;
  --tm-tracking-display: -0.035em;

  --tm-space-1: 8px;
  --tm-space-2: 12px;
  --tm-space-3: 16px;
  --tm-space-4: 24px;
  --tm-space-5: 32px;
  --tm-space-6: 48px;
  --tm-space-7: 72px;
  --tm-space-8: 90px;
  --tm-space-9: 130px;

  --tm-container-width: 1180px;
  --tm-focus-ring: 0 0 0 3px rgba(109, 212, 195, 0.42);
  --tm-shadow-panel: 0 18px 45px rgba(9, 24, 39, 0.08);
  --tm-shadow-console: 24px 24px 0 rgba(4, 12, 20, 0.25);
}