@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400');

:root {
    --global-font-size: 16px;

    --title-font: Dosis, serif;
    --standard-font: Lato, sans-serif;

    --primary-color: 33452b;

    --light-color: fafaf7;

    --emphasis-color: E6A070;

    --primary-shade-50: #edf7e9;
    --primary-shade-100: #d4e3ce;
    --primary-shade-200: #baceb0;
    --primary-shade-300: #9fba92;
    --primary-shade-400: #83a774;
    --primary-shade-500: #6a8d5a;
    --primary-shade-600: #526e46;
    --primary-shade-700: #3a4f31;
    --primary-shade-800: #222f1b;
    --primary-shade-900: #081203;

    --emphasis-shade-50: #ffefe0;
    --emphasis-shade-100: #f7d3ba;
    --emphasis-shade-200: #edb791;
    --emphasis-shade-300: #e49a67;
    --emphasis-shade-400: #dc7d3d;
    --emphasis-shade-500: #c26423;
    --emphasis-shade-600: #984e1b;
    --emphasis-shade-700: #6e3712;
    --emphasis-shade-800: #432007;
    --emphasis-shade-900: #1c0800;
}