/* Colors CSS */
/* Theme color variables and utilities */

:root {
  /* Primary Colors */
  --primary: #7367F0;
  --primary-light: #8a7ff3;
  --primary-dark: #5a52d5;
  
  /* Secondary Colors */
  --secondary: #6c757d;
  --secondary-light: #8c959d;
  --secondary-dark: #545b62;
  
  /* Success Colors */
  --success: #28c76f;
  --success-light: #48da89;
  --success-dark: #24b263;
  
  /* Info Colors */
  --info: #00cfe8;
  --info-light: #1fd5eb;
  --info-dark: #00b8cc;
  
  /* Warning Colors */
  --warning: #ff9f43;
  --warning-light: #ffb976;
  --warning-dark: #e67e22;
  
  /* Danger Colors */
  --danger: #ea5455;
  --danger-light: #f08182;
  --danger-dark: #d63031;
  
  /* Light Colors */
  --light: #f8f9fa;
  --light-primary: rgba(115, 103, 240, 0.12);
  --light-info: rgba(0, 207, 232, 0.12);
  --light-success: rgba(40, 199, 111, 0.12);
  --light-warning: rgba(255, 159, 67, 0.12);
  --light-danger: rgba(234, 84, 85, 0.12);
  
  /* Dark Colors */
  --dark: #343a40;
  --dark-light: #495057;
  
  /* Text Colors */
  --text-primary: #5e5873;
  --text-secondary: #6e6b7b;
  --text-muted: #6c757d;
  
  /* Border Colors */
  --border-color: #d8d6de;
  --border-light: #e9ecef;
  
  /* Background Colors */
  --bg-primary: #fff;
  --bg-secondary: #f8f9fa;
  --bg-dark: #343a40;
}

/* Color utility classes */
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.text-success { color: var(--success) !important; }
.text-info { color: var(--info) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger { color: var(--danger) !important; }
.text-light { color: var(--light) !important; }
.text-dark { color: var(--dark) !important; }

.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.bg-success { background-color: var(--success) !important; }
.bg-info { background-color: var(--info) !important; }
.bg-warning { background-color: var(--warning) !important; }
.bg-danger { background-color: var(--danger) !important; }
.bg-light { background-color: var(--light) !important; }
.bg-dark { background-color: var(--dark) !important; }

.bg-light-primary { background-color: var(--light-primary) !important; }
.bg-light-info { background-color: var(--light-info) !important; }
.bg-light-success { background-color: var(--light-success) !important; }
.bg-light-warning { background-color: var(--light-warning) !important; }
.bg-light-danger { background-color: var(--light-danger) !important; }

.border-primary { border-color: var(--primary) !important; }
.border-secondary { border-color: var(--secondary) !important; }
.border-success { border-color: var(--success) !important; }
.border-info { border-color: var(--info) !important; }
.border-warning { border-color: var(--warning) !important; }
.border-danger { border-color: var(--danger) !important; }
.border-light { border-color: var(--light) !important; }
.border-dark { border-color: var(--dark) !important; }