:root {
  --color-bg: #ffffff;
    --color-bg-offset: #f7f7f9;
    --color-text: #373a3c;
    --color-link: #082840;
    --color-link-visited: #17050f;
    --color-text-offset: #818a91;
    --color-border: #eceeef;
    --color-primary: orange;
    --color-primary-offset: #ff1447;
    --color-secondary: #43a9a3;
}

@media(prefers-color-scheme: dark) {
  :root {
    --color-bg: #1b2838;
    --color-bg-offset: #252526;
    --color-text: #ffffff;
    --color-link: orange;
    --color-link-visited: #f7f7f9;
    --color-text-offset: #818a91;
    --color-border: #2d2d2d;
    --color-primary: orange;
    --color-primary-offset: #ff2957;
    --color-secondary: #43a9a3;
  }
}


[data-theme='default'] {
    --color-bg: #ffffff;
    --color-bg-offset: #f7f7f9;
    --color-text: #373a3c;
    --color-link: #082840;
    --color-link-visited: #17050f;
    --color-text-offset: #818a91;
    --color-border: #eceeef;
    --color-primary: orange;
    --color-primary-offset: #ff1447;
    --color-secondary: #43a9a3;
}

[data-theme='dark'] {
    --color-bg: #1b2838;
    --color-bg-offset: #252526;
    --color-text: #ffffff;
    --color-link: orange;
    --color-link-visited: #f7f7f9;
    --color-text-offset: #818a91;
    --color-border: #2d2d2d;
    --color-primary: orange;
    --color-primary-offset: #ff2957;
    --color-secondary: #43a9a3;
}