/* settings - vars */
:root {
    --yellow_theme__black: #000000;
    --yellow_theme__dark-grey: #6E6A6A;
    --yellow_theme__light-grey: #F4F4F4;
    --yellow_theme__white: #ffffff;
    
    /* --yellow_theme: #ff5b35;   */
    --yellow_theme: #67a4f4;  
    /* --yellow_theme__bright-purple: #d6d3eb; */
    --yellow_theme__bright-purple: #67a4f4;
    /* --yellow_theme__light-purple: #a09bd0; */
    --yellow_theme__light-purple: #67a4f4;
    /* --yellow_theme__purple: #726ab9;
    --yellow_theme__dark-purple: #4137a0; */
    --yellow_theme__purple: #67a4f4;
    --yellow_theme__dark-purple: #1e2c99;
    --yellow_theme__light_green: #C8DCDC;
    --yellow_theme__bright_green: #E3EFF3;
}

:body {
    --yellow_theme__s-breakpoint: 30em;
    --yellow_theme__m-breakpoint: 48em;
    --yellow_theme__l-breakpoint: 62em;
}