:root {
  --tf-primary: #EC4899;
  --tf-secondary: #1E1B4B;
  --tf-accent: #84CC16;
  --tf-bg: #FFFFFF;
  --tf-text: #312E81;
  --tf-radius: 8px;
  --tf-shadow: 0 2px 12px rgba(30, 27, 75, 0.08);
  --tf-header-h: 68px;
  --tf-section-space: 3rem;
  --tf-font-heading: Rubik, system-ui, sans-serif;
  --tf-font-body: Rubik, system-ui, sans-serif;
}
body { background: #fff; color: var(--tf-text); font-family: var(--tf-font-body); }
.tf-header { background: var(--tf-secondary); }
.tf-footer { background: var(--tf-secondary); }
.tf-logo, .tf-section-title, .tf-hero__title, .tf-editorial__title { font-family: var(--tf-font-heading); }
.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}

.tf-section-title { font-weight: 800; text-transform: uppercase; }