:root {
  /* Primary colors */
  --primary: #e14141;
  --primary-light: #ff6b6b;
  --primary-hover: #c73636;
  --primary-active: #b02d2d;
  
  /* Secondary colors */
  --secondary: #6366f1;
  --secondary-hover: #4f46e5;
  --secondary-active: #3730a3;
  
  /* Status colors */
  --success: #28a745;
  --success-light: #2dd4bf;
  --success-bright: #10b981;
  --success-hover: #218838;
  --danger: #dc3545;
  --danger-hover: #c82333;
  --warning: #ffc107;
  --error: #dc3545;
  --info: #17a2b8;
  
  /* Neutral colors */
  --white: #ffffff;
  --black: #000000;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  
  /* Background colors */
  --bg-primary: var(--white);
  --bg-secondary: var(--gray-100);
  --bg-dark: var(--gray-900);
  --background-color: var(--white);
  --background-muted: var(--gray-100);
  --background-light: #f5f5f5;
  --hover-bg: var(--gray-100);
  --overlay-bg: rgba(0,0,0,0.5);
  --opacity-muted: 0.9;
  --danger-shadow: rgba(220, 53, 69, 0.5);
  --danger-shadow-intense: rgba(220, 53, 69, 0.8);
  --warning-hover: #e66500;
  --success-bg-light: rgba(40, 167, 69, 0.1);
  --danger-bg-light: rgba(220, 53, 69, 0.1);
  --warning-bg-light: rgba(255, 193, 7, 0.1);
  --warning-text: #856404;
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.05);
  
  /* Surface colors */
  --surface: var(--white);
  --surface-secondary: var(--gray-100);
  --surface-hover: var(--gray-50);
  
  /* Text colors */
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-muted: var(--gray-500);
  --text-white: var(--white);
  --text-color: var(--gray-800);
  
  /* Border colors */
  --border-color: var(--gray-300);
  --border-color-light: var(--gray-200);
  --border-color-dark: var(--gray-400);
  --border-light: #eee;
  
  /* Background colors */
  --hover-bg: var(--gray-100);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-dark: rgba(0, 0, 0, 0.3);
  --modal-overlay: rgba(0, 0, 0, 0.5);
  
  /* Opacity values */
  --opacity-disabled: 0.6;
  
  /* Chart-specific colors */
  --chart-purple: #9b59b6;
  --chart-orange: #f39c12;
  --chart-teal: #1abc9c;
  --chart-dark-blue-gray: #34495e;
  
  /* RGBA variants for transparency effects */
  --primary-alpha-05: rgba(225, 65, 65, 0.05);
  --primary-alpha-02: rgba(225, 65, 65, 0.02);
  --primary-alpha-1: rgba(225, 65, 65, 0.1);
  --primary-alpha-15: rgba(225, 65, 65, 0.15);
  --primary-alpha-2: rgba(225, 65, 65, 0.2);
  --primary-alpha-3: rgba(225, 65, 65, 0.3);
  
  --success-alpha-1: rgba(40, 167, 69, 0.1);
  --success-alpha-05: rgba(40, 167, 69, 0.05);
  --danger-alpha-1: rgba(220, 53, 69, 0.1);
  --danger-alpha-05: rgba(220, 53, 69, 0.05);
  --danger-alpha-2: rgba(220, 53, 69, 0.2);
  --warning-alpha-1: rgba(255, 193, 7, 0.1);
  
  --gray-alpha-1: rgba(108, 117, 125, 0.1);
  --gray-alpha-05: rgba(108, 117, 125, 0.05);
  --gray-50-alpha-8: rgba(248, 249, 250, 0.8);
  
  --black-alpha-1: rgba(0, 0, 0, 0.1);
  
  /* Gradient background colors */
  --gradient-error-start: #f8d7da;
  --gradient-error-end: #f5c6cb;
  --gradient-success-start: #d4edda;
  --gradient-success-end: #c3e6cb;
  
  /* Additional gray shades */
  --gray-25: #fcfcfd;
  --gray-50: #f9fafb;
  --gray-12: #f7f8f9;
}