@import url("ember.css?v=20260618fadeb");
@import url("midnight.css?v=20260618fadeb");
@import url("forest.css?v=20260618fadeb");
@import url("dusk.css?v=20260618fadeb");
@import url("dawn.css?v=20260618fadeb");
@import url("neon-grid.css?v=20260618fadeb");
@import url("chrome-noir.css?v=20260618fadeb");
@import url("desert-rally.css?v=20260618fadec");

html {
  background-color: var(--bg);
  --scrollbar-size: 8px;
  --scrollbar-track: color-mix(in srgb, var(--surface) 88%, var(--bg));
  --scrollbar-thumb: color-mix(in srgb, var(--muted) 42%, var(--card-divider));
  --scrollbar-thumb-hover: color-mix(in srgb, var(--ember-soft) 38%, var(--muted));
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html * {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html *::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

html *::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

html *::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid var(--scrollbar-track);
  background-clip: padding-box;
}

html *::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: padding-box;
}

html *::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

body {
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}