/* Dynamic Brand Colors - Generated from Environment Variables */
:root {
  /* === BRAND COLORS === */
  --primary: #5d2ea7;
  --primary-light: #8c5fd2;
  --primary-dark: #422177;
  --secondary: #5f68b5;
  --secondary-dark: #303668;
  
  /* === MODERN BOOTSTRAP COLORS === */
  --bs-primary: #5d2ea7;
  --bs-secondary: #5f68b5;
  --bs-secondary-dark: #303668;
  --bs-success: #937286;
  --bs-info: #0dcaf0;
  --bs-warning: #c8a3a7;
  --bs-danger: #dee6e1;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-purple: #6f42c1;
  
  /* === RGB VERSIONS FOR TRANSPARENCY === */
  --bs-primary-rgb: 93, 46, 167;
  --bs-secondary-rgb: 95, 104, 181;
  --bs-success-rgb: 147, 114, 134;
  --bs-warning-rgb: 200, 163, 167;
  --bs-danger-rgb: 222, 230, 225;
  --bs-info-rgb: 13, 202, 240;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-purple-rgb: 111, 66, 193;
  
  /* === PRIMARY COLOR VARIATIONS === */
  --primary-50: #f0ebf9;
  --primary-100: #e2d7f3;
  --primary-200: #c5afe8;
  --primary-300: #a887dd;
  --primary-400: #8c5fd2;
  --primary-500: #5d2ea7;
  --primary-600: #592c9f;
  --primary-700: #422177;
  --primary-800: #2c164f;
  --primary-900: #160b27;
  
  /* === SECONDARY COLOR VARIATIONS === */
  --secondary-50: #edeef6;
  --secondary-100: #dcdeee;
  --secondary-200: #b9bdde;
  --secondary-300: #969cce;
  --secondary-400: #737bbe;
  --secondary-500: #5f68b5;
  --secondary-600: #40488b;
  --secondary-700: #303668;
  --secondary-800: #202445;
  --secondary-900: #101222;
  
  /* === SUCCESS COLOR VARIATIONS === */
  --success-50: #f3f0f2;
  --success-100: #e8e2e6;
  --success-200: #d2c5cd;
  --success-300: #bca8b4;
  --success-400: #a68b9b;
  --success-500: #927286;
  --success-600: #735868;
  --success-700: #56424e;
  --success-800: #392c34;
  --success-900: #1c161a;
  
  /* === WARNING COLOR VARIATIONS === */
  --warning-50: #f5efef;
  --warning-100: #ebdfe0;
  --warning-200: #d8bfc1;
  --warning-300: #c59fa3;
  --warning-400: #b27f84;
  --warning-500: #c8a2a6;
  --warning-600: #7f4c51;
  --warning-700: #5f393d;
  --warning-800: #3f2628;
  --warning-900: #1f1314;
  
  /* === DANGER COLOR VARIATIONS === */
  --danger-50: #f0f4f1;
  --danger-100: #e1e9e4;
  --danger-200: #c4d3ca;
  --danger-300: #a7bdaf;
  --danger-400: #8aa795;
  --danger-500: #dee5e1;
  --danger-600: #577462;
  --danger-700: #415749;
  --danger-800: #2b3a31;
  --danger-900: #151d18;
  
  /* === GRADIENT COLORS === */
  --gradient-primary: linear-gradient(135deg, #5d2ea7 0%, #8c5fd2 100%);
  --gradient-success: linear-gradient(135deg, #937286 0%, #a68b9b 100%);
  --gradient-warning: linear-gradient(135deg, #c8a3a7 0%, #b27f84 100%);
  --gradient-info: linear-gradient(135deg, #cef4fc 0%, #9eeaf9 100%);
  
  /* === PWA COLORS === */
  --pwa-theme-color: #5d2ea7;
}

/* Override any specific brand color usage in components */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

/* Brand-specific gradients */
.gradient-primary {
  background: var(--gradient-primary);
}

.gradient-success {
  background: var(--gradient-success);
}