:root {
  --pp-primary: #EC4899;
  --pp-secondary: #1E1B4B;
  --pp-accent: #84CC16;
  --pp-bg: #FFFFFF;
  --pp-text: #312E81;
  --pp-radius: 8px;
  --pp-shadow: 0 2px 12px rgba(30, 27, 75, 0.08);
  --pp-header-h: 68px;
  --pp-section-space: 3rem;
  --pp-font-heading: Rubik, system-ui, sans-serif;
  --pp-font-body: Rubik, system-ui, sans-serif;
}
body { background: #fff; color: var(--pp-text); font-family: var(--pp-font-body); }
.pp-header { background: var(--pp-secondary); }
.pp-footer { background: var(--pp-secondary); }
.pp-logo, .pp-section-title, .pp-hero__title, .pp-editorial__title { font-family: var(--pp-font-heading); }
.pp-product-card { border-radius: var(--pp-radius); box-shadow: var(--pp-shadow); }
.button,.btn{text-transform:uppercase;letter-spacing:.06em}
.pp-product-card{background:#fff}

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