/* @media (prefers-color-scheme: light) { */
  :root {
    --main-bg-color: #fff;
    --sec-bg-color: #fff;
    --accent-background: orangered;
    --accent-color: white;
    --accent-hover: #a03;
    --object-color: red;
    --light-object-border: #ccc;
    --light-object-faded: #999;

    --color-base: #fff;
    --color-on-base: #000;

    --color-light: #f1e9e9;
    --color-light-variant: #e1e5ea;
    --color-on-light: #260b0b;

    --color-medium: #be5555;
    --color-on-medium: #f1e9e9;
    /* --color-on-medium: #260b0b; */

    
    --color-dark: #260b0b;
    --color-on-dark: #f1e9e9;

    --color-accent: #c50000;
    --color-on-accent: #f1e9e9;
  }
/* }

@media (prefers-color-scheme: dark) {
  :root {
    --main-bg-color: #fff;
    --sec-bg-color: #fff;
    --accent-background: orangered;
    --accent-color: white;
    --accent-hover: #a03;
    --object-color: red;
    --light-object-border: #ccc;
    --light-object-faded: #999;

    --color-base: #0d0707;
    --color-on-base: #fff;

    --color-light: #260b0b;
    --color-light-variant: #0b1626;
    --color-on-light: #f1e9e9;
    
    --color-medium: #be5555;

    --color-dark: #f1e9e9;

    --color-on-medium: #f1e9e9;
    --color-on-dark: #f1e9e9;

    --color-accent: #c50000;
    --color-on-accent: #f1e9e9;
  }
} */

.theme-accent {
  color: var(--accent-color);
  background-color: var(--accent-background);
}

.theme-error {
  background-color: #e98 !important;
  border-bottom: 3px solid #f00;
}

.theme-success {
  background-color: #a4eeba !important;
  border-bottom: 3px solid #0a3;
}

.theme-warn {
  background-color: #fbd08f !important;
  border-bottom: 3px solid #ff9900;
}