:root, html[data-dark="false"] {
    --primary-colour: #063F5B;
    --secondary-colour: #E68B31;
    --primary-colour-faded: #063F5BBF;
    --secondary-colour-faded: #E68B31BF;
    --secondary-colour-translucent: rgba(12, 184, 173, 0.18);
    --background-colour: #ffffff;
    --text-colour: #063F5B;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-colour: #042739;
        --text-colour: lightgray;
    }
}

html[data-dark="true"] {
    --background-colour: #042739;
    --text-colour: lightgray;
}