@import url('https://fonts.googleapis.com/css2?family=DM Serif Display:wght@400');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400');

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

    --title-font: DM Serif Display, serif;
    --standard-font: Poppins, sans-serif;

    --primary-color: #000000;

    --light-color: #f9f9f9;

    --emphasis-color: #a5b099;

    --primary-shade-50: #f2f2f2;
    --primary-shade-100: #d9d9d9;
    --primary-shade-200: #bfbfbf;
    --primary-shade-300: #a6a6a6;
    --primary-shade-400: #8c8c8c;
    --primary-shade-500: #737373;
    --primary-shade-600: #595959;
    --primary-shade-700: #404040;
    --primary-shade-800: #262626;
    --primary-shade-900: #0d0d0d;

    --emphasis-shade-50: #eef6ea;
    --emphasis-shade-100: #d8dfd1;
    --emphasis-shade-200: #c0c7b6;
    --emphasis-shade-300: #a6b19a;
    --emphasis-shade-400: #8d9b7f;
    --emphasis-shade-500: #738165;
    --emphasis-shade-600: #5a654e;
    --emphasis-shade-700: #404837;
    --emphasis-shade-800: #252b1f;
    --emphasis-shade-900: #0b0f01;
}