:root {
  --tf-primary: #EC4899;
  --tf-secondary: #1E1B4B;
  --tf-accent: #84CC16;
  --tf-bg: #FDF4FF;
  --tf-text: #312E81;
  --tf-radius: 0px;
  --tf-shadow: 4px 4px 0 #1E1B4B;
  --tf-header-h: 68px;
  --tf-section-space: 3rem;
}
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); }
.button,.btn{text-transform:uppercase;letter-spacing:.06em}
.tf-product-card{background:#fff}