* {
    font-family: "IBM Plex Serif", serif;
}

:root {
    /* --- Main Green Palette --- */
    --green-main: #6a9e79;
    --green-dark: #497054;
    --green-light: #8ab394;

    /* --- Deep Blue Palette --- */
    --blue-main: #004055;
    --blue-dark: #002c3d;
    --blue-light: #33697a;

    /* --- Orange Palette --- */
    --orange-main: #f18c3e;
    --orange-dark: #cf7024;
    --orange-light: #fbb278;

    /* --- Gold/Bronze Palette --- */
    --bronze-main: #ab904d;
    --bronze-dark: #8b733a;
    --bronze-light: #cbb777;

    /* --- Neutral & Backgrounds --- */
    --cream-bg: #fdf8e4;
    --ivory-bg: #fffcf3;
    --grey-bg: #f4f4f4;
    --grey-nav: rgba(87, 87, 87, 0.4);

    /* --- Text Colors --- */
    --text-dark: #222;
    --text-light: #fff;
}

body {
    margin: 0;
    padding: 0;
    font-family: "IBM Plex Serif", serif;
    color: var(--blue-main);
}