/* Color Variables - Redesigned Webapp */
:root {
    /* Primary Colors */
    --primary-pink: #f74c99;
    --primary-dark: #3a3d4f;
    
    /* Button Color Variants */
    --button-green: #61a229;
    --button-green-hover: #4e8221;
    --button-blue: #0693e3;
    --button-blue-hover: #0578c2;
    --button-orange: #ff9500;
    --button-orange-hover: #e68600;
    
    /* Background Colors */
    --bg-light: #f2f2f2;
    --bg-white: #ffffff;
    --bg-dark: #32373c;
    
    /* Text Colors */
    --text-dark: #000000;
    --text-light: #ffffff;
    --text-gray: #666666;
    --text-gray-light: #999999;
    
    /* Border Colors */
    --border-light: #e0e0e0;
    --border-dark: #cccccc;
    
    /* Status Colors */
    --success-green: #00d084;
    --warning-orange: #fcb900;
    --error-red: #cf2e2e;
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-dark: rgba(0, 0, 0, 0.25);
}