:root {
  --tm-primary: #2563eb;
  --tm-primary-hover: #1d4ed8;
  --tm-primary-light: #dbeafe;
  --tm-secondary: #0891b2;
  --tm-secondary-light: #cffafe;
  --tm-accent: #7c3aed;
  --tm-accent-light: #ede9fe;
  --tm-bg: #eff6ff;
  --tm-surface: #ffffff;
  --tm-surface-2: #f8faff;
  --tm-border: #bfdbfe;
  --tm-text: #1e3a5f;
  --tm-text-muted: #6b7280;
  --tm-text-inverse: #ffffff;
  --tm-shadow: 0 1px 3px rgba(37,99,235,0.1);
  --tm-radius: 12px;
  --tm-radius-sm: 8px;
  --tm-inbox-unread-bg: #eff6ff;
  --tm-badge-bg: var(--tm-primary-light);
  --tm-badge-text: var(--tm-primary);
}