:root {
  --dp-affiliate-bg: #ffffff;
  --dp-affiliate-text: #102033;
  --dp-affiliate-muted: #5b6677;
  --dp-affiliate-border: rgba(16, 32, 51, 0.14);
  --dp-affiliate-input-bg: #ffffff;
  --dp-affiliate-input-text: #102033;
  --dp-affiliate-input-border: rgba(16, 32, 51, 0.16);
  --dp-affiliate-accent: #0f766e;
  --dp-affiliate-accent-hover: #115e59;
  --dp-affiliate-button-text: #ffffff;
  --dp-affiliate-radius: 18px;
  --dp-affiliate-shadow: 0 20px 45px rgba(16, 32, 51, 0.12);
  --dp-affiliate-font-family: "Segoe UI", sans-serif;
}

.dp-affiliate-theme-slate {
  --dp-affiliate-bg: #0f172a;
  --dp-affiliate-text: #e2e8f0;
  --dp-affiliate-muted: #94a3b8;
  --dp-affiliate-border: rgba(226, 232, 240, 0.16);
  --dp-affiliate-input-bg: rgba(15, 23, 42, 0.9);
  --dp-affiliate-input-text: #e2e8f0;
  --dp-affiliate-input-border: rgba(148, 163, 184, 0.28);
  --dp-affiliate-accent: #38bdf8;
  --dp-affiliate-accent-hover: #0ea5e9;
  --dp-affiliate-button-text: #0f172a;
}

.dp-affiliate-theme-forest {
  --dp-affiliate-bg: #f6fffb;
  --dp-affiliate-text: #163327;
  --dp-affiliate-muted: #4b695a;
  --dp-affiliate-border: rgba(22, 51, 39, 0.14);
  --dp-affiliate-input-bg: #ffffff;
  --dp-affiliate-input-text: #163327;
  --dp-affiliate-input-border: rgba(22, 51, 39, 0.18);
  --dp-affiliate-accent: #15803d;
  --dp-affiliate-accent-hover: #166534;
  --dp-affiliate-button-text: #ffffff;
}