:root {
    /* Pagination */
    --gd-pag-bg-active: #59A49B;
    --gd-pag-border-active: #59A49B;
    --gd-pag-hover-bg-active: #349186;
    --gd-pag-hover-text-active: #FFFFFF;

    /* Pagination inactive */
    --gd-pag-bg-inactive: #E9F4EA;
    --gd-pag-border-inactive: #E0EAE1;
    --gd-pag-hover-bg-inactive: #D2E9D4;
    --gd-pag-hover-text-inactive: #1C1C1C;

    /* Pagination disabled */
    --gd-pag-bg-disabled: #DAE1DB;
    --gd-pag-border-disabled: #E0EAE1;

    /* Pagination arrow */
    --gd-pag-arrow: #1C1C1C;
    --gd-pag-arrow-disabled: #A6B2AF;

    /* Pagination totals */
    --gd-pag-text-totals: #A6B2AF;

    /* Custom */
    --gd-dark-1: #000E06;
    --gd-dark-2: #001C0C;
    --gd-dark-3: #FFFFFF26;
    --gd-dark-4: #1E352B;
    --gd-dark-5: #454545;
    --gd-light-1: #FFFFFFCC;
    --gd-light-2: #FFFFFFB2;
    --gd-gray-1: #D9D9D9;
    --gd-gray-2: #F8F8F8;
    --gd-gray-3: #E2E3E5;
    --gd-code-color: #E83E8C;

    /* Default colors */
    --gd-link: #2F80ED;
    --gd-primary: #00C853;
    --gd-primary-2: #C9FCDE;
    --gd-primary-3: #DFFCEB;
    --gd-primary-4: #F0F7F5;
    --gd-primary-5: #526A5F;
    --gd-primary-darker: #00B44A;
    --gd-success: #00C853;
    --gd-warning: #FFA500;
    --gd-danger: #F53B5D;
    --gd-danger-darker: #DB4040;

    /* comper.ai */
    --gd-color-1: #1C504A;
    --gd-color-2: #7F7FC1;
    --gd-color-3: #6363AB;
    --gd-light-purple: #ECECFC;
    --gd-color-text: #023025;
    --gd-light-green: #E9F4EA;
    --gd-black: #1C1C1C;
    --gd-input-border: #A6B2AF;
    --gd-light-gray: #F5F5F5;

    --gd-shadow-3: 0px 4px 8px 0px rgb(0, 0, 0, 0.15);
}