:root {
   --body-color: #1E293B;
   --body-bg-color: #F8FAFC;
   
   --primary-color: #00e263;
   --primary-color-hover: #00c756;
   --primary-color-active: #00b04c;
   --primary-color-inverted: #FFFFFF;
   --primary-color-shadow: rgba(59, 130, 246, 0.35);
   
   --secondary-color: #243041;
   --secondary-color-hover: #334155;
   --secondary-color-active: #0F172A;
   --secondary-color-inverted: #FFFFFF;
   --secondary-color-shadow: rgba(30, 41, 59, 0.50);
   
   --positive-color: #00FF66;
   --positive-color-hover: #00E65C;
   --positive-color-active: #00B347;
   --positive-color-inverted: #FFFFFF;
   --positive-color-shadow: rgba(0, 255, 102, 0.35);
   
   --negative-color: #FF0055;
   --negative-color-hover: #E6004C;
   --negative-color-active: #B3003B;
   --negative-color-inverted: #FFFFFF;
   --negative-color-shadow: rgba(255, 0, 85, 0.35);
   
   --alert-color: #FFB800;
   --alert-color-hover: #E6A600;
   --alert-color-active: #B38100;
   --alert-color-inverted: #FFFFFF;
   --alert-color-shadow: rgba(255, 184, 0, 0.35);
   
   --info-color: #00B2FF;
   --info-color-hover: #0099E6;
   --info-color-active: #0077B3;
   --info-color-inverted: #FFFFFF;
   --info-color-shadow: rgba(0, 178, 255, 0.35);
   
   --glass-bg: rgba(255, 255, 255, 0.65);
   
   --light-color: #F1F5F9;
   --light-color-hover: #E2E8F0;
   --light-color-active: #CBD5E1;
   --light-color-inverted: #1E293B;
   
   --dark-color: #0F172A;
   --dark-color-hover: #1E293B;
   --dark-color-active: #334155;
   --dark-color-inverted: #FFFFFF;
   --dark-color-shadow: rgba(15, 23, 42, 0.15);
   
   --black-color: #000000;
   --white-color: #ffffff;
   --white-color-hover: rgba(255, 255, 255, 0.85);
   --white-color-active: rgba(255, 255, 255, 0.70);
   --white-color-shadow: rgba(0, 0, 0, 0.05);
   --transparent-color: transparent;
   --grey-color: #94A3B8;
   --grey-color-100: #F8FAFC;
   --grey-color-300: #E2E8F0;
   --grey-color-500: #94A3B8;
   --grey-color-700: #475569;
   --grey-color-900: #0F172A;
   --shadow-color: rgba(0, 0, 0, 0.05);
}