:root {
  --tf-primary: #0EA5E9;
  --tf-secondary: #0C4A6E;
  --tf-accent: #F59E0B;
  --tf-bg: #F0F9FF;
  --tf-text: #164E63;
  --tf-radius: 16px;
  --tf-shadow: 0 4px 16px rgba(14, 165, 233, 0.12);
  --tf-header-h: 68px;
  --tf-section-space: 4rem;
}
body { background: var(--tf-bg); color: var(--tf-text); }
.tf-header { background: var(--tf-secondary); }
.tf-footer { background: var(--tf-secondary); }
.tf-product-card { border-radius: var(--tf-radius); box-shadow: var(--tf-shadow); }

.tf-product-card{background:#fff}