/* ============================================
   LIGHT THEME VARIABLES
   ============================================ */

:root {
    /* Primary Colors */
    --primary-color: #1976d2;
    --primary-dark: #1565c0;
    --primary-light: #42a5f5;
    --primary-rgb: 25, 118, 210;
    
    /* Background Colors */
    --body-bgcolor: #F4F6FC;
    --box-bg: #ffffff;
    --hover-bg: #f5f5f5;
    
    /* Text Colors */
    --text-color: #333333;
    --text-muted: #6c757d;
    --text-light: #999999;
    
    /* Border Colors */
    --border-color: #e0e0e0;
    
    /* Status Colors */
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    
    /* Other Colors */
    --orange: #FBB03B;
    --green: #66C76A;
    --green2: #41B741;
    --white: #ffffff;
    --black: #000000;
    --pink: #F47E7E;
    --grey1: #AAB4C8;
    --grey2: #858E9F;
    --grey3: #f0f0f0;
    --grey4: #C6C6C6;
    --grey5: #EEF0F4;
    --grey6: #929396;
    --blue: #668EFF;
    --red: #F03827;
}

/* Text Selection - Light Theme */
::selection {
    background-color: var(--primary-color);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--primary-color);
    color: #ffffff;
}