:root {
    /* Light theme (default) */
    --blue-color: #0067BB;
    --purpel-color: #504E89;
    --accent-blue: #5D87FF;
    --dark-blue: #1F2937;
    --main-background-color: #fff;
    --second-background-color: #F1F5F9;
    --light-background-color: #F9FAFB;
    --grey-800: #4B5563;
    --grey-500: #979797;
    --grey-300: #DDDDDD;
    --light-blue: #93C5FD;
    --accent-yellow: #FF9F43;
    --light-blue-500: #BEDEFA;
    --light-blue-300: #DCEBF8;
    /*    --gradient-background-color: linear-gradient(95deg, #504E89 2.66%, #0067BB 96.73%);*/
    /*    --reverse-gradient-background-color: linear-gradient(95deg, #0067BB 2.66%, #504E89 96.73%);*/
    --gradient-background-color: linear-gradient(94.86deg, #9692FF 2.66%, #0779D6 96.73%);
    --reverse-gradient-background-color: linear-gradient(95deg, #0779D6 2.66%, #9692FF 96.73%);
    --text-color: #000;
    --white-color: #fff;
    --light-gray: #dddddd;
    --grey: #EFEFEF;
    --dark-gray: #555555;
    --font-family-roboto: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-family-segoe: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-family-inter: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-family-heading: 'Poppins', sans-serif;
    --font-size-12: 0.75rem; /* 12px */
    --font-size-14: 0.875rem; /* 14px */
    --font-size-16: 1rem; /* 16px */
    --font-size-20: 1.25rem; /* 20px */
    --font-size-24: 1.5rem; /* 24px */
    --font-size-28: 1.75rem; /* 28px */
    --font-size-32: 2rem; /* 32px */

    --border-radius-10: 10px;
    --border-radius-16: 16px;
    --dark-blue-1000: #161E2D;
    --dark-blue-1100: #040D1F;
    --inp-border-color: #707070;
}

/* Dark theme overrides */
[data-theme="dark"] {
    --blue-color: #0067BB;
    --purpel-color: #504E89;
    --accent-blue: #5D87FF;
    --main-background-color: #1B2430;
    --second-background-color: #1B2430;
    --grey-800: #707070;
    --gradient-background-color: linear-gradient(95deg, #504E89 2.66%, #0067BB 96.73%);
    --reverse-gradient-background-color: linear-gradient(95deg, #0067BB 2.66%, #504E89 96.73%);
    --text-color: #ffffff;
    --light-gray: #dddddd;
    --grey: #EFEFEF;
    --dark-gray: #555555;
}