:root {
    --color-bg: #121212;
    --color-surface: #1E1E1E;
    --color-text: #E5E7EB;
  
    --color-primary: #B266FF;
    --color-primary-hover: #C68AFF;
    --color-primary-disabled: #5C2B80;
  
    --color-secondary: #6F7BE5;
    --color-secondary-hover: #8592FF;
    --color-secondary-disabled: #3B4370;
  
    --color-red: #FF6F7A;
    --color-red-hover: #FF8B94;
    --color-red-disabled: #80383E;
  
    --color-secondary-red: #D65D6A;
    --color-secondary-red-hover: #E17683;
    --color-secondary-red-disabled: #70363C;
  
    --color-gray: #A0A4AA;
    --color-gray-hover: #C4C8CD;
    --color-gray-disabled: #505357;

    --color-success: #10b981;
    --color-success-hover: #059669;
    --color-success-disabled: #a7f3d0;
  
    --font-family: "Trebuchet MS", sans-serif;
    --object-radius-large: 30px;
    --object-radius-medium: 15px;
    --object-radius-small: 5px;
  }