:root {
  --primary: #1a1c1c;
  --secondary: #ff843f;
  --primary-alt: #101111;
  --secondary-alt: #ff965c;
  --body-bg: #dfdfdf;
  --body-color: #000000;
  --dark: #000000;
  --light: #ffffff;
  --gray: #bfbfbf;
  --error: #ff414d;
  --error-bg: #ffa0a6;
  --warning: #ffb400;
  --warning-bg: #f8e7bf;
  --success: #1d6130;
  --success-bg: #8debc8;
  --info: #1a1c1c;
  --info-bg: #96dfef;
}
@media (prefers-color-scheme: dark) {
:root {
    --body-bg: #292929;
    --body-color: #f2f2f2;
    --gray: #666666;
    --light: #222222;
    --dark: #fff;
}}