/* shared/static/css/themes/theme_light.css */
:root {
  /* Metadata */
  --is-dark-mode: 0;
  --display-light: block;
  --display-dark: none;

  /* Primary Colors */
  --primary: 47 124 107;      /* Teal-700 */
  --text-primary: 0 0 0;
  --secondary: 79 209 197;    /* Teal-400 */
  --text-secondary: 0 0 0;
  --accent: 245 158 11;       /* Amber-500 */
  --text-accent: 0 0 0;
  --danger: 225 29 72;        /* Rose-600 */
  --text-danger: 255 255 255;
  --outline-border: 229 231 235; /* Gray-200 */
  --text-outline: 31 41 55;   /* Gray-800 */
  --outline-hover: 243 244 246; /* Gray-100 */

  /* Backgrounds */
  --bg-page: 249 250 251;     /* Gray-50 */
  --bg-card: 255 255 255;     /* White */
  --bg-surface-hover: 243 244 246; /* Gray-100 */
  --bg-surface-active: 240 253 250; /* Teal-50 */
  --bg-input: 249 250 251;    /* Gray-50 */

  /* Text */
  --text-body: 31 41 55;      /* Gray-800 */
  --text-subtle: 107 114 128; /* Gray-500 */

  /* Borders */
  --border-color: 229 231 235; /* Gray-200 */

  /* Scrollbar */
  --scrollbar-thumb: 209 213 219; /* Gray-300 */

  /* Status Colors */
  --status-green: 22 163 74;      
  --status-amber: 245 158 11;     
  --status-red: 225 29 72;        
  --status-blue: 59 130 246;      
  --status-purple: 147 51 234;     
  
  /* Text Status Colors */
  --text-status-green: 22 163 74;
  --text-status-amber: 245 158 11;
  --text-status-red: 225 29 72;
  --text-status-blue: 59 130 246;
  --text-status-purple: 147 51 234;

  /* Status Backgrounds */
  --status-green-bg: 220 252 231; 
  --status-amber-bg: 254 243 199; 
  --status-red-bg: 255 228 230;   
  --status-blue-bg: 219 234 254;   
  --status-purple-bg: 243 232 255; 

  /* Avatar Colors */
  --avatar-1: 147 197 253; 
  --avatar-2: 110 231 183; 
  --avatar-3: 252 211 77;  
  --avatar-4: 251 113 133; 
  --avatar-5: 196 181 253; 
  --avatar-6: 252 165 165; 
  --avatar-7: 107 114 128; 
  --avatar-8: 74 222 128;  
  --avatar-9: 250 204 21;  
  --avatar-10: 96 165 250; 
}