:root {
  --tf-color-ink: #0f172a;
  --tf-color-text: #475569;
  --tf-color-muted: #64748b;
  --tf-color-primary: #155dfc;
  --tf-color-primary-dark: #0b3fa8;
  --tf-color-primary-soft: #eaf1ff;
  --tf-color-success: #168a4a;
  --tf-color-whatsapp: #128c4a;
  --tf-color-surface: #ffffff;
  --tf-color-canvas: #f7f9fc;
  --tf-color-border: #e3e8f0;
  --tf-shadow-sm: 0 8px 24px rgba(15, 23, 42, .08);
  --tf-shadow-md: 0 18px 48px rgba(15, 23, 42, .12);
  --tf-radius-sm: 12px;
  --tf-radius-md: 18px;
  --tf-radius-pill: 999px;
  --tf-container: 1120px;
  --tf-space-section: clamp(3rem, 7vw, 5.5rem);
}