:root {
  color-scheme: dark;
  --ig-bg: #262626;
  --ig-card: #303030;
  --ig-raised: #363636;
  --ig-accent: #ffe135;
  --ig-accent-hover: #ffd91a;
  --ig-text: #f7f7f2;
  --ig-muted: #b7b7ae;
  --ig-border: #474747;
  --ig-danger: #ff5c64;
  --ig-success: #7ed957;

  --background: 0 0% 15%;
  --foreground: 60 24% 96%;
  --card: 0 0% 19%;
  --card-foreground: 60 24% 96%;
  --popover: 0 0% 21%;
  --popover-foreground: 60 24% 96%;
  --primary: 53 100% 60%;
  --primary-foreground: 0 0% 15%;
  --secondary: 0 0% 21%;
  --secondary-foreground: 60 24% 96%;
  --muted: 0 0% 21%;
  --muted-foreground: 60 6% 70%;
  --accent: 53 100% 60%;
  --accent-foreground: 0 0% 15%;
  --destructive: 357 100% 68%;
  --destructive-foreground: 0 0% 15%;
  --border: 0 0% 28%;
  --input: 0 0% 28%;
  --ring: 53 100% 60%;
}

html,
body,
#root {
  background: var(--ig-bg) !important;
  color: var(--ig-text) !important;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
}

::selection {
  color: var(--ig-bg);
  background: var(--ig-accent);
}

a {
  color: var(--ig-accent);
}

a:hover {
  color: var(--ig-accent-hover);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--ig-accent) !important;
  outline-offset: 2px;
}

[data-sidebar],
aside,
nav {
  border-color: var(--ig-border) !important;
}

.bg-card,
[class*="bg-card"],
[class*="rounded"][class*="border"] {
  border-color: var(--ig-border) !important;
}

[class*="text-muted"] {
  color: var(--ig-muted) !important;
}

[class*="bg-primary"] {
  color: var(--ig-bg) !important;
  background-color: var(--ig-accent) !important;
}

[class*="bg-primary"]:hover {
  background-color: var(--ig-accent-hover) !important;
}

[role="progressbar"] > * {
  background-color: var(--ig-accent) !important;
}

.recharts-default-tooltip {
  color: var(--ig-text) !important;
  background: var(--ig-card) !important;
  border-color: var(--ig-border) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}