* {
    box-sizing: border-box;
}

:root {
    --focus-background: #ffffff;
    --primary-background: #FCFAF9;
    --secondary-background: #e5e5ea;

    --primary-text: #3c3c3e;
    --secondary-text: #585656;
    --tertiary-text: #666666;

    --focus-accent: #007acc;
    --primary-accent: #9F1314;
    --secondary-accent: #8E5513;
    --tertiary-accent: #F8D482;
}

body {
    margin: 0;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--primary-background);

    background-image: url(../assets/graphic/GrayMarble-ColorCorrected.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}