:root {
  
  --background: #FFFFFF;
  --background-rgb: 255, 255, 255;
  --background-light: #F8F9FA;
  --background-light-rgb: 248, 249, 250;
  --foreground: #F3F3F6;
  --foreground-rgb: 243, 243, 246;
  --accent: #242424;
  --accent-color: #242424;
  --accent-color-rgb: 36, 36, 36;
  --bold: #000000;
  --color: #feac1a;
  --color-alt: #dd9211;
  --primary-color: #feac1a;
  --primary-color-rgb: 254, 172, 26;
  --primary-light: #FFF4E6;
  --primary-light-rgb: 255, 244, 230;

  
  --color-rgb: 254, 172, 26;
  --color-alt-rgb: 221, 146, 17;

  --navbar: #F3F3F6;
  
  /* Text Colors */
  --text-color: #242424;
  --text-color-rgb: 36, 36, 36;
  --text-muted: #6C757D;
  --text-muted-rgb: 108, 117, 125;

  /* 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: #ffffff; /* Slightly off-white for a darker shade */
  --white-color-rgb: 255, 255, 255;
  
  --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: #E5E7EB;

  --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;
}