:root {
    --color-primary: #2c6964;
    --color-primary-contrast: #fff;
    --color-primary-dark-1: #4d6462;
    --color-primary-dark-2: #465c5a;
    --color-primary-dark-3: #3d5250;
    --color-primary-dark-4: #364947;
    --color-primary-dark-5: #2f3d3c;
    --color-primary-dark-6: #232e2d;
    --color-primary-dark-7: #121717;
    --color-primary-light-1: #6e908d;
    --color-primary-light-2: #779c99;
    --color-primary-light-3: #7ea5a2;
    --color-primary-light-4: #91b7b4;
    --color-primary-light-5: #a2c8c6;
    --color-primary-light-6: #bedddc;
    --color-primary-light-7: #e3fcfb;
    --color-primary-alpha-10: #091c1c19;
    --color-primary-alpha-20: #1030303d;
    --color-primary-alpha-30: #1b4d4d5a;
    --color-primary-alpha-40: #2769696d;
    --color-primary-alpha-50: #2e797981;
    --color-primary-alpha-60: #39929297;
    --color-primary-alpha-70: #42a3a3ac;
    --color-primary-alpha-80: #4bb6b6c4;
    --color-primary-alpha-90: #5fe5e5e1;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
    --color-green-badge: #30693d;
}