:root {
    --accent-primary: #dba832;
    --hover-primary: #dba832e6;
    --accent-secondary: #5e8c9d;
    --hover-secondary: #5e8c9de6;
    --accent-tertiary: #75271D;
    --accent-quaternary: #46535b;
    --background-hover: #1f7dad66;
    /* --background-muted:#FCF6EC; */
    --background-muted:#dba83226;
    --background-overlay: #ffffffcc;
    --background-glass-gradient: linear-gradient(to bottom right, rgba(31, 173, 161, 0.25), rgba(31, 125, 173, 0.25), rgba(114, 31, 173, 0.25), rgba(173, 67, 31, 0.25));
    --border-color-glass: rgba(255,255,255,0.30);
    --border-radius:5px;
    --button-border-radius:5px;
    --input-border-radius:5px;
}

/* Colour Pallete */
:root {
    --test-cream: #E3C1A9;
    --test-red: #75271D;
    --test-darkblue: #395F86;
    --test-teal: #5e8c9d;
    --test-babyblue: #b1c8d6
}

html {background: var(--background-muted);}
hr {border-color: #75271D;}

/* Scrollbar fix */
html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}

/* Icon Button Fix */
.uk-icon-button {
    aspect-ratio: 1 / 1;
    width: auto;
    height: auto;
    padding: 10px;
}

/* Dot Nav */
.uk-dotnav.uk-dotnav-large>*>* {
    width: 20px;
    height: 20px;
}

/* Card */
.uk-card-secondary .uk-text-meta {color: rgba(255,255,255,.7) !important;}
.uk-card-secondary hr {border-top-color: rgba(255, 255, 255, 0.8) !important;}
.uk-card-tertiary {
    background-color: var(--accent-tertiary);
}
.uk-card-default > * {
    color: var(--text-color) !important;
}

/* Section */
.uk-section-primary, .uk-section-secondary {
    background-image: url("/assets/images/contour-light.svg");
    background-size: cover;
}
.uk-section-tertiary {background: var(--accent-tertiary);}
.uk-section-quaternary {background: var(--accent-quaternary);}