:root {
--primary: #3B6995;
--on-primary: #FFFFFF;
--secondary: #3AAAF5;
--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;
}
div[data-theme='light'] {
--primary: #3B6995;
--on-primary: #FFFFFF;
--secondary: #0084D5;
--on-secondary: black;
--surface: lime;
--surface-alternate: #b4d5fd;
--surface-dim: #496e8c;
--surface-bright: #ebf8ff;
--on-surface: black;
--table-error: black;
--header-color: var(--surface-bright);
--border-radius: 0.1em;
}