:root {
    /*--- Colors ---*/
    --color-primary-50:   250, 238, 246;
    --color-primary-100: 240, 209, 234;
    --color-primary-200: 229, 180, 226;
    --color-primary-300: 213, 152, 217;
    --color-primary-400: 190, 125, 205;
    --color-primary-500: 152, 93, 177;
    --color-primary-600: 138, 75, 165;
    --color-primary-700: 111, 55, 135;
    --color-primary-800: 83, 37, 103;
    --color-primary-900: 54, 22, 68;

    --color-secondary-50:   254, 247, 230;
    --color-secondary-100:  250, 229, 184;
    --color-secondary-200:  245, 207, 138;
    --color-secondary-300:  238, 182, 92;
    --color-secondary-400:  229, 154, 46;
    --color-secondary-500:  219, 124, 0;
    --color-secondary-600:  197, 96, 0;
    --color-secondary-700:  167, 68, 0;
    --color-secondary-800:  123, 43, 0;
    --color-secondary-900:  79, 22, 0;

    /*--- 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-500);
    --btn-secondary-color-hover: var(--color-secondary-700);
    --btn-secondary-color-focus-ring: var(--color-secondary-200);
}