:root {
    /* Colours */
    --color-black: #000;
    --color-navy: #0c1832;
    --color-white: #fff;
    --color-blue: #2a4682;
    --color-blue-bright: color-mix(in srgb, var(--color-blue), white 10%);
    --color-blue-dark: #1e3c7b;
    --color-blue-pale: #eff8ff;
    --color-blue-pale-darken: #d9edf7;
    --color-blue-pale-muted: #e4edf4;
    --color-grey-dark: #18233c;
    --color-grey-darkest: #0e1d3a;
    --color-crimson: #bf0167;
    --color-green: #1f5d4e;
    --color-purple: #591f81;
    --color-yellow: #f1c81f;
    --theme-resident: var(--color-blue);
    --theme-resident-bright: color-mix(in srgb, var(--theme-resident), white 10%);
    --theme-business: var(--color-green);
    --theme-business-bright: color-mix(in srgb, var(--theme-business), white 10%);
    --theme-council: var(--color-purple);
    --theme-council-bright: color-mix(in srgb, var(--theme-council), white 10%);
    /* Outlines */
    --outline-color: currentColor;
    --outline-width: 1px;
    --outline-style: dotted;
    /* Transitions */
    --transition-duration: 300ms;
    --transition-timing: ease;
}