:root {
    --white: #fff;
    --black: #000;
    --black-rgb: 0,0,0;
    
    --dark-grey: #888;

    --primary: #339966;
    --primary-text: #fff;
    --secondary: #006666;
    --secondary-text: #fff;
    --dark: #222;
    --medium-dark: #666;
    --medium: #aaa;
    --light: #f2f4f6;

    --bg-headings: #444;
    --bg-headings-dark: #222;

    --border: #e7eaf3;
    --border-light: #eef0f7;

    --allergies-pastel: #ff9966;
    --diets-pastel: #99ff99;
    --size-pastel: #66ccff;
    --mode-pastel: #cc99ff;
    
    --course-menu: #fff;
    --course-menu-active: #339966;
    --course-menu-text: #006666;
    --course-menu-active-text: #fff;

    --custom-primary: #BF9E58;
}