:root {
    /* Brand colors */
    --accolade-green: #279E92;
    --sky-blue: #7BA2D4;
    --forest-green: #14524C;
    --neutral-grey: #E6E6DF;
    --depth-blue: #1B2051;
    --rain-green: #D6F5F2;
    --oak-brown: #986C01;
    --buff-yellow: #FEDE91;
    --calm-coral: #E9AB9C;
    --sea-blue: #76CCDF;

    /* Link colors */
    --link: #000000;

    /* Button colors */
    --btn-primary: var(--accolade-green);
    --btn-primary-hover: #2FBFB1;
    --btn-primary-selected: #1C7068;
    --btn-primary-disabled: #C5E3E0;
    --secondary-btn-color: #666666;
    --secondary-btn-color-hover: #858585;

    /* member & activation */
    --color-primary-default: #097167;
    --color-primary-default-hover: #3a8d85;
    --color-primary-disabled: #f3f8f7;

    --color-secondary-default: #6E757C;
    --color-secondary-hover: #858585;

    --color-black: #1a1a1a;
}