/* Default Theme — Purple */
:root {
  /* Brand Colors */
  --primary: #7b5cf0;
  --primary-dark: #6342d8;
  --primary-light: #9a7fff;

  /* Backgrounds */
  --bg-dark: #1f1c2e;
  --bg-dark2: #252236;
  --bg-dark3: #332f48;

  /* Text Colors */
  --text-light: #ffffff;
  --text-muted: #9e9e9e;
  --text-disabled: #555;

  /* Input & Elements */
  --input-bg: #2c283d;
  --input-border: #3e3a50;

  /* Feedback */
  --success: #4bb543;
  --error: #ff4d4f;
  --warning: #ffcc00;
  --info: #2db7f5;
}

/* Purple Theme */
[data-theme="purple"] {
  --primary: #7b5cf0;
  --primary-dark: #6342d8;
  --primary-light: #9a7fff;
}

/* Green Theme */
[data-theme="green"] {
  --primary: #28a745;
  --primary-dark: #1e7e34;
  --primary-light: #62c476;
}

/* Blue Theme */
[data-theme="blue"] {
  --primary: #007bff;
  --primary-dark: #0056b3;
  --primary-light: #66b2ff;
}

/* Red Theme */
[data-theme="red"] {
  --primary: #dc3545;
  --primary-dark: #a71d2a;
  --primary-light: #f78da7;
}

/* Teal Theme */
[data-theme="teal"] {
  --primary: #20c997;
  --primary-dark: #158f70;
  --primary-light: #63e6be;
}

/* Pink Theme */
[data-theme="pink"] {
  --primary: #e83e8c;
  --primary-dark: #c2185b;
  --primary-light: #f7a1c4;
}

/* Cyan Theme */
[data-theme="cyan"] {
  --primary: #17a2b8;
  --primary-dark: #117a8b;
  --primary-light: #69d3e4;
}

/* Brown Theme */
[data-theme="brown"] {
  --primary: #795548;
  --primary-dark: #5d4037;
  --primary-light: #bcaaa4;
}