:root {
  /* Colors */
  --bg: #0e1b14;
  --surface: #16281f;
  --surface-soft: #1c3226;
  --fg: #f7f7f5;
  --muted: #b9c4b8;

  --brand: #2e7d6a;
  --brand-light: #4eb290;
  --accent-gold: #d4af37;

  --danger: #e11d48;
  --success: #16a34a;

  --border-subtle: #264233;

  /* Affiliate accents (section-only helpers) */
  --accent-pink: #ec4899;
  --accent-orange: #f97316;
  --accent-grad: linear-gradient(135deg, var(--accent-pink), var(--accent-orange));

  --aff-badge-bg: rgba(236, 72, 153, 0.12);
  --aff-badge-border: rgba(236, 72, 153, 0.35);
  --aff-card-border: rgba(236, 72, 153, 0.22);
  --aff-cta-bg: rgba(6, 95, 70, 0.14);
  --aff-cta-border: rgba(46, 125, 106, 0.45);

  /* Shadows & Radius */
  --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.45);
  --radius: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Layout */
  --container-width: 1120px;
  --section-padding: 4rem;
  --transition-fast: 0.18s ease-out;
}

@media (max-width: 768px) {
  :root {
    --section-padding: 3rem;
  }
}