:root {
--primary: #044392;
--on-primary: white;
--secondary: #0096d6;
--on-secondary: black;
--surface: #2b2b2b;
--surface-alternate: #3c3f41;
--surface-dim: #202325;
--surface-bright: #4e5255;
--on-surface: white;
--table-error: black;
--header-color: var(--surface-dim);
--border-radius: 0.1em;
--border-radius-big: 0.3em;
--border-width: 0.1em;
}
div[data-theme='light'] {
--primary: #044392;
--on-primary: white;
--secondary: #0096d6;
--on-secondary: black;
--surface: #b7d6fa;
--surface-alternate: #8BA7C9;
--surface-dim: #5e93cd;
--surface-bright: #d0e6ff;
--on-surface: black;
--table-error: black;
--header-color: var(--surface-bright);
--border-radius: 0.1em;
--border-radius-big: 0.3em;
--border-width: 0.1em;
}