:root {
    --color-body-background: oklch(0.21 0.034 264.665);
    --color-footer-background: oklch(0.13 0.028 261.692);

    --color-header-border: oklab(0.623 -0.0378409 -0.210628 / 0.3);
    --color-dark-blue: oklab(0.21 -0.00316128 -0.0338527 / 0.95);

    --color-text-primary: oklch(0.872 0.01 258.338);
    --color-text-secondary: oklch(0.551 0.027 264.364);

    --color-accent-primary: oklch(70.7% 0.165 254.624);
    --color-accent-secondary:oklch(0.585 0.233 277.117);

    --z-index-header: 50;
}

:root {
    font-size: 16px;
    color: var(--color-text-primary);
}

* {
    box-sizing: border-box;
}

html, body {
    position: relative;
    margin: unset;
    background-color: var(--color-body-background);
    font-family: 'AdwaitaSans', 'AdwaitaMono', sans-serif;
}