:root {
    /* Glorywagon palette */
    --dark-navy: #001219;
    --dark-teal: #005f73;
    --teal: #0a9396;
    --light-teal: #94d2bd;
    --cream: #e9d8a6;
    --gold: #ee9b00;
    --orange: #ca6702;
    --burnt-orange: #bb3e03;
    --red: #ae2012;
    --dark-red: #9b2226;
    /* Semantic colors */
    --color-background: #e9d8a6;
    --color-surface: #ffffff;
    --color-text: #001219;
    --color-primary: #005f73;
    --color-primary-dark: #001219;
    --color-secondary: #0a9396;
    --color-highlight: #94d2bd;
    --color-accent: #ee9b00;
    --color-accent-dark: #ca6702;
    --color-danger: #ae2012;
    --color-danger-dark: #9b2226;
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: var(--color-background);
    color: var(--color-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
    color: var(--color-primary);
}

    a:hover {
        color: var(--color-secondary);
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
}