:root {
    --stfc-dark: #505050;
    --stfc-grey: #F3F2F1;
    --stfc-white: #FFFFFF;

    /* eru colours */
    --eru-green: #006600; /* 20% */
    --eru-green-rgb: rgb(0, 102, 0); /* 20% */
    --eru-blue: #2b335e; /* 27% */
    --eru-red: #990000; /* 30% */
}

.bg-stfc-d {
    background-color: var(--stfc-dark);
}
.bg-stfc-g {
    background-color: var(--stfc-grey);
}
.bg-stfc-w {
    background-color: var(--stfc-white);
}
.bg-eru-g {
    background-color: var(--eru-green);
}
.bg-eru-g-opaque {
    background-color: rgba(0, 102, 0, 0.5);
}
.border-eru-g {
    border: 2px solid #006600;
}
.bg-eru-b {
    background-color: var(--eru-blue);
}
.bg-eru-r {
    background-color: var(--eru-red);
}


.link-style-light {
    color: var(--stfc-white);
}
.link-style-light:hover {
    color: var(--stfc-grey) !important;
}
.link-style-light:focus {
    color: var(--stfc-grey) !important;
}
.link-style-dark {
    color: var(--stfc-dark);
}
.link-style-dark:hover {
    color: var(--eru-red) !important;
}
.link-style-dark:focus {
    color: var(--eru-red) !important;
}
.navbar-toggler {
    border-color: var(--stfc-white) !important;
    border-width: 3px !important;
  }
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem var(--eru-green) !important;
  }

.small-text {
    font-size: small;
}