/* colors.css - Three Color Schemes */

:root {
  /* Default: Light Theme */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --accent: #0d6efd;
  --accent-hover: #0b5ed7;
  --border: #dee2e6;
  --success: #198754;
  --error: #dc3545;
}

/* Dark Theme */
[data-theme="dark"] {
  --bg-primary: #1a1a2e;
  --bg-secondary: #16213e;
  --text-primary: #e8e8e8;
  --text-secondary: #adb5bd;
  --accent: #6c5ce7;
  --accent-hover: #a29bfe;
  --border: #2d3748;
  --success: #00b894;
  --error: #ff7675;
}

/* Modern Theme */
[data-theme="modern"] {
  --bg-primary: #2d3436;
  --bg-secondary: #636e72;
  --text-primary: #dfe6e9;
  --text-secondary: #b2bec3;
  --accent: #00cec9;
  --accent-hover: #81ecec;
  --border: #74b9ff;
  --success: #00b894;
  --error: #fd79a8;
}