:root {
    /*--- Colors ---*/
    --color-primary-50:   209, 219, 255;
    --color-primary-100:  182, 191, 223;
    --color-primary-200:  151, 163, 208;
    --color-primary-300:  120, 136, 192;
    --color-primary-400:  90, 109, 175;
    --color-primary-500:  60, 82, 158;
    --color-primary-600:  50, 70, 138;
    --color-primary-700:  49, 68, 130;
    --color-primary-800:  32, 47, 96;
    --color-primary-900:  19, 27, 58;

    --color-secondary-50:   215, 244, 236;
    --color-secondary-100:  184, 234, 221;
    --color-secondary-200:  154, 218, 205;
    --color-secondary-300:  124, 212, 189;
    --color-secondary-400:  95, 200, 172;
    --color-secondary-500:  67, 187, 155;
    --color-secondary-600:  52, 150, 124;
    --color-secondary-700:  52, 112, 92;
    --color-secondary-800:  23, 74, 61;
    --color-secondary-900:  11, 35, 29;

    /*--- Buttons ---*/
    --btn-primary-color: var(--color-primary-500);
    --btn-primary-color-hover: var(--color-primary-700);
    --btn-primary-color-focus-ring: var(--color-primary-200);
    
    --btn-secondary-color: var(--color-secondary-600);
    --btn-secondary-color-hover: var(--color-secondary-700);
    --btn-secondary-color-focus-ring: var(--color-secondary-200);
}