:root {
    --color-bg: #F4E9D7;
    --color-text: #264653;
    --color-header-bg: #D97D55;
    --color-header-text: #F4E9D7;
    --color-link: #264653;
    --color-footer-bg: #B8C4A9;
    --color-footer-text: #264653;
    --color-email: rgba(255, 255, 255, 0.5);
}

/* Use the variables */
body {
    background: var(--color-bg);
    color: var(--color-text);
}

header {
    background: var(--color-header-bg);
    color: var(--color-header-text);
}

header a {
    color: var(--color-header-text);
}

.header-nav a {
    color: var(--color-header-text);
}


.about a {
  color: var(--color-link)
}

.projects a {
    color: var(--color-link);
}

.links a {
    color: var(--color-link);
}

footer {
    background: var(--color-footer-bg);
    color: var(--color-footer-text);
}

.email {
    color: var(--color-email);
}

.post-card a {
    color: var(--color-link);
}

.post-date {
    color: var(--color-text);
}

.post-description {
    color: var(--color-text);
}