:root {
    --light-dark-color: #0d1117;
    --lighter-dark-color: #161f2b;
    --primary-color: #0d6efd;
    --light-primary-color:#3b82f6;
    --text-white-50: #adb5bd;
    --text-white-30:#e3e6e9;
    --text-white: #f8f9fa;
    --grey-opacity: rgba(255, 255, 255, 0.15);
    --black: #000;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --padding-5: 5px;
    --padding-10: 10px;
    --padding-15: 15px;
    --padding-20: 20px;
    --padding-25: 25px;
    --padding-30: 30px;
    --border-radius-5: 5px;
    --border-radius-10: 10px;
    --border-radius-15: 15px;
    --border-radius-20: 20px;
    --border-radius-25: 25px;
    --border-radius-30: 30px;
    --transition: all 0.3s ease;
}