:root {

    /** Misc */
    --body-background-color: #f2f2f2;

    /* Fonts */
    --font-family-primary:  "Noto Sans Display", sans-serif;
    --font-weight-primary: 400;
    --font-style-primary: normal;


    /* Brand colours */
    --brand-colour-primary: #2F3136;
    --brand-colour-secondary: #969DAB;
    --brand-colour-accent: #BFC7D9;
    --brand-colour-surface: #212d45;
    --brand-colour-surface-shadow: #6c6c6c;
    --brand-colour-surface-hover: #344567;
    --brand-colour-text: #ffffff;
    --brand-colour-text-muted: #b0b0b0;
    --brand-colour-link-light: #7feaff;
    --brand-colour-link-dark: #38acc3;

    /* Border radii */
    --border-radius-s: 0.5rem;
    --border-radius-md: 1rem;
    --border-radius-lg: 2rem;
    --nav-button-border-radius: var(--border-radius-lg);

    /* Spacing scale */
    --space-block: 1.5rem;
    --space-section: 2.5rem;
    --space-inline: 1rem;
}