/* 5 Themes for SaaS Product Pack */

[data-theme="stripe-blue"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-translucent: rgba(255,255,255,0.8);
  --border: #e5e7eb;
  --text: #374151;
  --heading: #111827;
  --muted: #6b7280;
  --accent: #635bff;
  --accent-hover: #5851df;
  --accent-light: #f0efff;
  --accent-alpha: rgba(99, 91, 255, 0.2);
  --accent2-light: #e0f2fe;
}

[data-theme="forest-green"] {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-translucent: rgba(255,255,255,0.8);
  --border: #e2e8f0;
  --text: #334155;
  --heading: #0f172a;
  --muted: #64748b;
  --accent: #059669;
  --accent-hover: #047857;
  --accent-light: #ecfdf5;
  --accent-alpha: rgba(5, 150, 105, 0.2);
  --accent2-light: #fef3c7;
}

[data-theme="sunset-orange"] {
  --bg: #fffbf7;
  --surface: #ffffff;
  --surface-translucent: rgba(255,255,255,0.8);
  --border: #fee2e2;
  --text: #451a03;
  --heading: #290e01;
  --muted: #a8a29e;
  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-light: #fff7ed;
  --accent-alpha: rgba(249, 115, 22, 0.2);
  --accent2-light: #fef08a;
}

[data-theme="royal-purple"] {
  --bg: #fcfaff;
  --surface: #ffffff;
  --surface-translucent: rgba(255,255,255,0.8);
  --border: #f3e8ff;
  --text: #4c1d95;
  --heading: #2e1065;
  --muted: #8b5cf6;
  --accent: #9333ea;
  --accent-hover: #7e22ce;
  --accent-light: #faf5ff;
  --accent-alpha: rgba(147, 51, 234, 0.2);
  --accent2-light: #e0e7ff;
}

[data-theme="slate-minimal"] {
  --bg: #0f172a;
  --surface: #1e293b;
  --surface-translucent: rgba(30,41,59,0.8);
  --border: #334155;
  --text: #f8fafc;
  --heading: #ffffff;
  --muted: #94a3b8;
  --accent: #e2e8f0;
  --accent-hover: #ffffff;
  --accent-light: rgba(226, 232, 240, 0.1);
  --accent-alpha: rgba(226, 232, 240, 0.1);
  --accent2-light: rgba(148, 163, 184, 0.1);
}