@font-face {
  font-family: "Geist";
  src: url("/gitaaa-assets/geist-sans.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/gitaaa-assets/geist-mono.woff2") format("woff2");
  font-display: swap;
}

:root {
  color-scheme: dark;
  --gitaaa-bg: #080909;
  --gitaaa-panel: #111212;
  --gitaaa-panel-2: #171818;
  --gitaaa-line: #242424;
  --gitaaa-text: #f6f6f6;
  --gitaaa-muted: #929292;
  --gitaaa-green: #2b947b;
}

html,
body,
#root {
  background: var(--gitaaa-bg) !important;
  color: var(--gitaaa-text) !important;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 16%, rgba(43, 148, 123, .14), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 38%);
}

#root > * {
  position: relative;
  z-index: 1;
}

.MuiAppBar-root {
  background: rgba(8, 9, 9, .96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  color: var(--gitaaa-text) !important;
  backdrop-filter: blur(16px);
}

.MuiDrawer-paper,
.MuiPaper-root {
  background-color: var(--gitaaa-panel) !important;
  background-image: none !important;
  color: var(--gitaaa-text) !important;
  border-color: var(--gitaaa-line) !important;
  box-shadow: none !important;
}

main,
[class*="mainContent"] {
  background: var(--gitaaa-bg) !important;
}

.MuiTypography-root,
.MuiListItemText-primary,
.MuiTableCell-root,
.MuiInputBase-input,
.MuiFormLabel-root {
  color: var(--gitaaa-text) !important;
  letter-spacing: 0 !important;
}

.MuiTypography-colorTextSecondary,
.MuiListItemText-secondary {
  color: var(--gitaaa-muted) !important;
}

.MuiButton-contained,
.MuiButton-containedPrimary {
  background: var(--gitaaa-green) !important;
  color: #fff !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.MuiButton-outlined,
.MuiButton-text {
  color: #e8e8e8 !important;
  border-color: #333 !important;
}

.MuiCard-root,
.MuiTableContainer-root,
.MuiOutlinedInput-root,
.MuiInputBase-root,
.MuiMenu-paper {
  background: var(--gitaaa-panel-2) !important;
  border: 1px solid var(--gitaaa-line) !important;
  color: var(--gitaaa-text) !important;
  border-radius: 8px !important;
}

.MuiOutlinedInput-notchedOutline {
  border-color: #333 !important;
}

.MuiDivider-root,
.MuiTableCell-root {
  border-color: var(--gitaaa-line) !important;
}

.MuiChip-root {
  background: #1d1d1d !important;
  color: #d4d4d4 !important;
  border: 1px solid #303030 !important;
}

a {
  color: inherit;
}

code,
pre,
.MuiTableCell-root {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

.MuiPaper-root,
.MuiCard-root {
  animation: gitaaaFadeUp .46s ease both;
}

@keyframes gitaaaFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}