:root {
    --primary-color: #2c6056;
    --primary-color-dark: #163932;
    --primary-color-light: #58847c;
    --secondary-color: #971b17;
    --secondary-color-dark: #6a1409;
    --grey-color: #575756;
    --grey-color-dark: #3c3c3b;
    --grey-color-light: #e3e3e3;
    --grey-color-text: #535352;
    --grey-color-border: #cccccc;
    --grey-color-light-border: #dadada;

    --border-radius: 0.3125rem;
    --spacer: 1.875rem;

    --kendo-font-size: 0.875rem;
}

/* DINish SemiBold, replacing the Adobe DIN Mittelschrift Std this site shipped until now:
   that file's ascender equals its cap height, so text rendered 14.4% of the font size above the
   centre of every box it sat in — button labels, count badges, table cells — and the
   ascent-override that corrected it is honoured by Blink and Gecko but ignored by WebKit, so
   every iOS browser kept the flaw.
   SemiBold rather than Regular: the outgoing Adobe cut is a heavy DIN, and DINish Regular
   carries 31% less ink, which reads visibly thinner at body size. Bold stays browser-
   synthesised from this face, exactly as it was before.
   SIL OFL 1.1, no reserved font name; licence text beside the files in fonts/dinish-OFL.txt. */
@font-face {
    font-family: 'DINish';
    src: url('fonts/DINish-SemiBold.woff2') format('woff2'),
        url('fonts/DINish-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}