:root {
    --jdi-orange: #faa100;
    --jdi-darker-orange: #a46d0b;
    --jdi-light-bg: #eeeeee;
    --jdi-borders: silver;
    --jdi-link-colour: #0A57C9;
    --jdi-slm-btn: #0A57C9;
    --jdi-slm-btn-active: #073981;

    /* svg colour swabs*/
    --jdi-svg-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(7deg) brightness(102%) contrast(101%);
    --jdi-svg-light-grey: invert(73%) sepia(3%) saturate(29%) hue-rotate(28deg) brightness(104%) contrast(90%);
    --jdi-svg-dark-grey: invert(33%) sepia(2%) saturate(5%) hue-rotate(6deg) brightness(97%) contrast(95%);
    --jdi-svg-black: invert(0%) sepia(100%) saturate(7500%) hue-rotate(155deg) brightness(86%) contrast(103%);
    --jdi-svg-red: invert(15%) sepia(92%) saturate(7474%) hue-rotate(23deg) brightness(106%) contrast(139%);
    --jdi-svg-darkred: invert(7%) sepia(87%) saturate(6362%) hue-rotate(17deg) brightness(98%) contrast(120%);
    --jdi-svg-slm-btn: brightness(0) saturate(100%) invert(17%) sepia(82%) saturate(1511%) hue-rotate(193deg) brightness(96%) contrast(99%);

    /* BS5 overrides */
    --bs-border-color: var(--jdi-borders);
    --bs-link-color: var(--jdi-link-colour);
}