:root {
  /* Color Palette */
  --primary-color: #0d6efd; /* Vibrant Blue/Indigo */
  --secondary-color: #3b82f6; /* Lighter Blue */
  --muted-primary-color: rgba(13, 110, 253, 0.1); /* Light Primary Alpha */
  --background-color: rgb(11,11,14); /* Base Dark Background */
  --light-dark-color: rgb(17, 17, 20); /* Card/Secondary Dark Background */
  --background-color-50: rgba(11,11,14,0.5); /* Semi-transparent Dark */
  --red-color: #dc2626; /* Red for Errors/Alerts */
  --yellow-color: #eab308; /* Yellow for Warnings */
  --green-color: #16a34a; /* Green for Success */
  /* Text Colors */
  --text-white: #f9fafb; /* Main White Text */
  --text-white-50: rgba(249, 250, 251, 0.2); /* Muted White for Borders/Details */
  --text-color: #111827; /* Gray-900 (Used for dark theme text, but defined as dark. Should be text-white) */
  --muted-text-color: #6b7280; /* Gray-500 */

  /* Transitions */
  --transition: color 0.3s ease;
  --transition-3: all 0.3s ease;
  
  /* Spacing and Radii (Kept as is) */
  --border-radius-10: 10px;
  --border-radius-5: 5px;
  --border-radius-15: 15px;
  --border-radius-20: 20px;
  --border-radius-30: 30px;
  --padding-10: 10px;
  --padding-15: 15px;
  --padding-20: 20px;
  --padding-30: 30px;
}