@media (prefers-color-scheme: dark) {
  :root {
    --fg: #ddd;
    --bg: #121212;
    --dark: #080808;
    --secondary-bg: #212529;
    --secondary: #268ca6;
    --accent: #8968d4;
    --info: #31ccec;
    --warning: #f2c037;
    --positive: #0eb35b;
    --negative: #e62333;
    --bulma-body-color: var(--fg);
  }
}

[data-theme="dark"] {
  --fg: #ddd;
  --bg: #121212;
  --dark: #080808;
  --secondary-bg: #212529,
  --secondary: #268ca6;
  --accent: #8968d4;
  --info: #31ccec;
  --warning: #f2c037;
  --positive: #0eb35b;
  --negative: #e62333;
  --bulma-body-color: var(--fg);
}

@media (prefers-color-scheme: light) {
  :root {
    --fg: #080808;
    --bg: #fff;
    --secondary-bg: #eee;
    --dark: #080808;
    --primary: rgb(36, 112, 220);
    --secondary: #268ca6;
    --accent: #8968d4;
    --info: #31ccec;
    --warning: #f2c037;
    --positive: #019144;
    --negative: #ce0d1d;
    --bulma-body-color: var(--fg);
  }
}

[data-theme="light"] {
  --fg: #080808;
  --bg: #fff;
  --secondary-bg: #eee;
  --dark: #080808;
  --primary: rgb(36, 112, 220);
  --secondary: #268ca6;
  --accent: #8968d4;
  --info: #31ccec;
  --warning: #f2c037;
  --positive: #019144;
  --negative: #ce0d1d;
  --bulma-body-color: var(--fg);
};

#body-wrapper {
  background-color: var(--bg);
}

.color-positive {
  color: var(--positive) !important;
}

.color-negative {
  color: var(--negative) !important;
}

/* css only dropdowns */

.dropdown-trigger:has(input:focus) ~ .dropdown-menu {
  display: block;
}

.dropdown-menu:hover {
  display: block;
}

.list-style-none {
  list-style-type: none !important;
}