/* Accent triads for WEBSITE_COLOR=0..9 (see .env.example).
   --accent   primary CTA / hero
   --accent-b secondary highlights (feature #2, plan left, …)
   --accent-c tertiary highlights (feature #3, plan right, …) */
[data-theme="0"],
html:not([data-theme]) {
  --accent: #f29a4a;
  --accent-hover: #f6a65d;
  --accent-active: #dc8337;
  --accent-b: #f2c94c;
  --accent-c: #ef7068;
}

[data-theme="1"] {
  --accent: #eab308;
  --accent-hover: #facc15;
  --accent-active: #ca8a04;
  --accent-b: #f59e0b;
  --accent-c: #ef7068;
}

[data-theme="2"] {
  --accent: #ef7068;
  --accent-hover: #f58a83;
  --accent-active: #d85a52;
  --accent-b: #f29a4a;
  --accent-c: #f87171;
}

[data-theme="3"] {
  --accent: #f472b6;
  --accent-hover: #f9a8d4;
  --accent-active: #db2777;
  --accent-b: #e879f9;
  --accent-c: #fb7185;
}

[data-theme="4"] {
  --accent: #8b5cf6;
  --accent-hover: #a78bfa;
  --accent-active: #7c3aed;
  --accent-b: #c084fc;
  --accent-c: #ec4899;
}

[data-theme="5"] {
  --accent: #3b82f6;
  --accent-hover: #60a5fa;
  --accent-active: #2563eb;
  --accent-b: #06b6d4;
  --accent-c: #6366f1;
}

[data-theme="6"] {
  --accent: #06b6d4;
  --accent-hover: #22d3ee;
  --accent-active: #0891b2;
  --accent-b: #3b82f6;
  --accent-c: #14b8a6;
}

[data-theme="7"] {
  --accent: #10b981;
  --accent-hover: #34d399;
  --accent-active: #059669;
  --accent-b: #84cc16;
  --accent-c: #06b6d4;
}

[data-theme="8"] {
  --accent: #84cc16;
  --accent-hover: #a3e635;
  --accent-active: #65a30d;
  --accent-b: #eab308;
  --accent-c: #22c55e;
}

[data-theme="9"] {
  --accent: #ef4444;
  --accent-hover: #f87171;
  --accent-active: #dc2626;
  --accent-b: #f97316;
  --accent-c: #f472b6;
}