/* Variables */

:root {
    --space-xs: 9px;
    --space-sm: 12.75px;
    --space-md: 17px;
    --space-lg: 25.5px;
    --space-xl: 34px;
    --space-xxl: 51px;

    --colour-logika-light: #2b6cb0;
    --colour-logika: #2a4365;
    --colour-logika-dark: #21354f;
    --colour-error: #ff0000;
    --colour-success: #008000;

    --colour-blue: #2b6cb0;
    --colour-blue-dark: #2c5282;
}

/* Reset */

* {
    box-sizing: border-box;
    font-family: 'Fira Sans', sans-serif;
}

html,
body {
    height: 100vh;
    font-size: var(--space-md);
    line-height: var(--space-lg);
    background-color: var(--colour-logika);
}

@media all and (max-width: 1280px) {
    body {
        font-size: 15px;
    }
}