:root {
    /* Main colors */
    --gd-primary: #3362E6;
    --gd-primary-end: #561997;
    --gd-btn-secondary-color-1: var(--gd-primary);
    --gd-btn-secondary-color-2: var(--gd-primary-end);
    --gd-btn-primary-bright-1: var(--gd-primary);
    --gd-btn-primary-bright-2: var(--gd-primary-end);

    /* Dark colors */
    --gd-dark-1: #000E06;
    --gd-dark-2: #1C1A1E;
    --gd-dark-3: #454545;

    /* Light colors */
    --gd-light-1: #FFFFFF;
    --gd-light-2: #DDE2FF;

    /* Primary colors */
    --gd-primary-3: #DFFCEB;
    --gd-primary-4: #F3F4F6;
    --gd-primary-5: #495175;
    --gd-primary-6: #E0E5F4;
    --gd-primary-7: #2B2B3B;
    --gd-primary-8: #5B6288;
    --gd-primary-9: #838AAF;
    --gd-primary-10: var(--gd-primary-6);

    /* Checkbox colors */
    --gd-checkbox-primary: #84a0e6;
    --gd-checkbox-primary-dark: #728dcd;

    /* Link colors */
    --gd-link-color-1: var(--gd-primary);
    --gd-link-color-2: var(--gd-primary);
    --gd-link-hover-color: #5E59F5;

    /* Input field colors */
    --gd-input-border: var(--gd-primary-6);
    --gd-input-label-color: #666666;
    --gd-input-bg-dark: #394066;
    --gd-input-border-dark: var(--gd-primary-5);
    --gd-input-label-color-dark: #DADFFF;
    --gd-input-disabled-dark: #4D556E;
    --gd-input-text-disabled-dark: #7D80D4;
    --gd-input-text-disabled: #7A7899;

    /* Labels colors */
    --gd-dark-label-bg: #1A2920;

    /* Random colors */
    --gd-menu-bg-dark: var(--gd-input-bg-dark);
    --gd-collapse-bg-dark: #2c314c;
    --gd-color-mode-dark: var(--gd-primary-7);
    --gd-color-mode-text: #6e8ee8;
    --gd-copyright-text: var(--gd-input-label-color);
    --gd-footer-bg: #293A34;
    --gd-dark-text: #343434;
    --gd-placeholder-dark: #A2A7BA;
    --gd-row-hover: #EBEFFC;
    --gd-row-hover-dark: #394066;
    --gd-view-change: #CAD9D0;
    --gd-view-change-dark: #31503D;
    --gd-select-arrow: #9A9FB6;

    /* Default colors */
    --gd-black: #090C18;
    --gd-gray: #383838;
    --gd-light-gray: #73788E;

    /* Swiper */
    --gd-swiper-color-1: var(--gd-primary);
    --gd-swiper-color-2: var(--gd-primary-end);

    /* Paginator */
    --gd-pag-disabled: #DDDDE6;
    --gd-pag-disabled-dark: #30364A;
    --gd-pag-arrow-disabled: var(--gd-input-text-disabled);
    --gd-pag-arrow-disabled-dark: var(--gd-input-disabled-dark);
    --gd-pag-selected-text: var(--gd-placeholder-dark);

    /* Dark specific colors */
    --gd-table-primary-dark: var(--gd-color-mode-text);
    --gd-table-primary-2-dark: #2946AE;
    --gd-title-primary-dark: var(--gd-primary);
    --gd-panel-based-title-dark: var(--gd-light-2);

    /* Shadows */
    --gd-shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);

    /* Gradients */
    --gd-btn-primary-gradient: linear-gradient(94deg, var(--gd-primary) 0%, var(--gd-primary-end) 100.9%);
    --gd-btn-primary-bright-gradient: linear-gradient(90deg, var(--gd-btn-primary-bright-1) 20.5%, var(--gd-btn-primary-bright-2) 100%);
    --gd-btn-primary-bright-gradient-reverse: linear-gradient(90deg, var(--gd-btn-primary-bright-2) 0%, var(--gd-btn-primary-bright-1) 79.5%);
    --gd-btn-secondary-gradient: linear-gradient(126deg, var(--gd-btn-secondary-color-1) 22.63%, var(--gd-btn-secondary-color-2) 116.9%);
    --gd-primary-landing-gradient: linear-gradient(172deg, #BB6BFF -45.29%, #35039F 125.97%);
    --gd-secondary-landing-gradient: linear-gradient(92deg, #E78170 -2.09%, #CB5BA5 97.89%);

    /* Public page svg fill colors */
    --svg-color-1: #201F1F;
    --svg-color-2: #6D17CB;
    --svg-color-3: #2876F9;
}