:root {
  /* Primary Colors */
  --primary-color: #7c3aed;
  --primary-color-light: #a78bfa;
  --primary-color-dark: #6d28d9;

  /* Secondary Colors */
  --secondary-color: #f3f4f6;
  --secondary-color-dark: #e5e7eb;

  /* Text Colors */
  --text-color-dark: #1f2937;
  --text-color-light: #f9fafb;
  --text-color-medium: #6b7280;
  --text-color-soft: #9ca3af;

  /* Background Colors */
  --background-color-light: #ffffff;
  --background-color-dark: #f9fafb;

  /* Status Colors */
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;

  /* Border Colors */
  --border-color: #d1d5db;

  /* Other */
  --box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}