:root {
    /* Brand palette — see docs/colour-palette.png */
    --nedspice-orange: #f58220;
    --nedspice-light-orange: #fcaf26;
    --nedspice-green: #447643;
    --nedspice-dark-green: #215640;
    --nedspice-light-green: #72a581;
    --nedspice-green-pastel: #b4cec1;
    --nedspice-background-grey: #f0efe6;
    --nedspice-light-grey: #cecec6;
    --nedspice-dark-grey: #a2a298;
    --nedspice-text-grey: #525b5c;

    /* Unofficial colours */
    --black: #000;
    --white: #fff;
    --alert-red: #c14b2e;

    --checkbox-size: 1.375rem;
    --border-radious: 0.25rem;
    --font-awesome: "Font Awesome 6 Free";
    --10px: 0.625rem;
    --12px: 0.75rem;
    --13px: 0.8125rem;
    --14px: 0.875rem;
    --16px: 1rem;
    --20px: 1.25rem;
    --40px: 2.5rem;
}

html {
    font-size: 16px; /* Base font size */
}

body {
    background-color: var(--nedspice-background-grey);
}

.not-allowed {
    cursor: not-allowed !important;
}

.main-container {
    background-color: var(--nedspice-background-grey);
}

.body-wrapper {
    padding: 1rem;
}

.table-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-top: -1.75rem;
}

.max-width-200px {
    max-width: 200px;
}

.max-width-20rem {
    max-width: 20rem;
}