:root {
    /* Dark Background Colors */
    --bg-dark: rgb(35, 36, 57);
    --bg-dark-transparent: rgba(35, 36, 57, 0.95);
    --bg-hero-start: rgb(67, 69, 112);
    --bg-hero-start-transparent: rgba(67, 69, 112, 1);
    --bg-hero-end: rgba(35, 36, 57, 1);
    
    /* Gradient Colors */
    --gradient-green: rgb(118, 167, 63);
    --gradient-teal: rgb(51, 143, 118);
    --gradient-blue: rgb(55, 141, 167);
    --gradient-light-blue: rgb(117, 152, 242);
    --gradient-purple: rgb(144, 118, 236);
    
    /* Text Colors */
    --text-white: #fff;
    --text-white-90: rgba(255, 255, 255, 0.9);
    --text-white-80: rgba(255, 255, 255, 0.8);
    --text-white-70: rgba(255, 255, 255, 0.7);
    --text-white-10: rgba(255, 255, 255, 0.1);
    --text-white-20: rgba(255, 255, 255, 0.2);
    
    /* Border & Shadow Colors */
    --border-white-10: rgba(255, 255, 255, 0.1);
    --shadow-black-30: rgba(0, 0, 0, 0.3);
    --shadow-black-50: rgba(0, 0, 0, 0.5);
    --shadow-black-60: rgba(0, 0, 0, 0.6);
    --shadow-blue-30: rgba(117, 152, 242, 0.3);
    --shadow-blue-40: rgba(117, 152, 242, 0.4);
    
    /* Item Colors */
    --item-cyan: #67d7e1;
    --item-green: #6cc164;
    --item-purple: #8071a8;
    --item-orange: #fe7519;
    --item-pink: #f5bec3;
    --item-yellow: #fcd659;
}