:root {
  
  --background: #FFFFFF;
  --background-rgb: 255, 255, 255;
  --foreground: #F3F3F6;
  --foreground-rgb: 243, 243, 246;
  --accent: #242424;
  --bold: #000000;
  --color: #ff3de5;
  --color-alt: #c21eac;
  --color-rgb: 255, 61, 229;
  --color-alt-rgb: 194, 30, 172;

  --accent: #c21eac;
  --accent-dark: #c21eac;
  --accent-rgb: 194, 30, 172;
  --accent-dark-rgb: 194, 30, 172;



  --navbar: #F3F3F6;

  /* Updated State Colors for Light Mode */
  --error-color: #ff4d4d; /* Softer red */
  --error-color-rgb: 255, 77, 77;
  
  --success-color: #28a745; /* Light green */
  --success-color-rgb: 40, 167, 69;
  
  --warning-color: #ffc107; /* Light yellow-orange */
  --warning-color-rgb: 255, 193, 7;
  
  --white-color: #e0e0e0; /* Slightly off-white for a darker shade */
  --white-color-rgb: 224, 224, 224;
  
  --black-color: #1a1a1a; /* Darker black */
  --black-color-rgb: 26, 26, 26;
  
  --odd-color: #009073;
  --odd-color-rgb: 0, 144, 115;
  
  --question-color: #cc823e;
  --question-color-rgb: 204, 130, 62;
  

  --alt-button-text: var(--black-color);

  --border-color: var(--color-rgb);

  --star-color: #ffe75c;
  --star-color-rgb: rgb(255, 231, 92);

  --tab-bg-opacity: 0.6;
  --button-bg-opacity: 0.2;
  --input-bg-opacity: 0.1;
  --logo-invert: 0;

  --bg-gradient-opacity: 0.05;
}