:root {
  --primary: #155dfc;
  --secondary: #18181b;
  --accent: #2b7fff;
  --primary-fg: #ffffff;
  --body-fg: #fafafa;
  --body-bg: #09090b;
  --body-quiet-color: #a1a1aa;
  --body-loud-color: #ffffff;
  --header-color: #fafafa;
  --header-branding-color: #ffffff;
  --header-bg: #18181b;
  --header-link-color: #a1a1aa;
  --breadcrumbs-fg: #a1a1aa;
  --breadcrumbs-link-fg: #ffffff;
  --breadcrumbs-bg: #111113;
  --link-fg: #93c5fd;
  --link-hover-color: #ffffff;
  --link-selected-fg: #ffffff;
  --hairline-color: rgba(255,255,255,.1);
  --border-color: rgba(255,255,255,.1);
  --error-fg: #fb7185;
  --message-success-bg: rgba(16,185,129,.16);
  --message-warning-bg: rgba(245,158,11,.16);
  --message-error-bg: rgba(251,113,133,.16);
  --darkened-bg: #111113;
  --selected-bg: #27272a;
  --selected-row: rgba(21,93,252,.12);
  --button-fg: #ffffff;
  --button-bg: #155dfc;
  --button-hover-bg: #2b7fff;
  --default-button-bg: #155dfc;
  --default-button-hover-bg: #2b7fff;
  --close-button-bg: #27272a;
  --close-button-hover-bg: #3f3f46;
}

html, body {
  background: #09090b !important;
  color: #fafafa !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
}

#header {
  height: 64px;
  padding: 0 24px;
  background: #18181b;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: #fafafa;
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: #fafafa;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

#user-tools {
  color: #a1a1aa;
  font-size: 12px;
}

#user-tools a {
  color: #fafafa;
  border-bottom: 0;
}

div.breadcrumbs {
  background: #111113;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #a1a1aa;
  padding: 12px 24px;
}

#content {
  padding: 28px 32px;
}

.module, .inline-group, fieldset, .submit-row {
  background: #18181b;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}

.module h2, .module caption, .inline-group h2 {
  background: #18181b;
  color: #fafafa;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

table {
  background: #18181b;
  color: #fafafa;
}

thead th {
  background: #111113;
  color: #a1a1aa;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

td, th {
  border-bottom: 1px solid rgba(255,255,255,.08);
}

tr:nth-child(odd), .row-form-errors {
  background: #18181b;
}

tr:nth-child(even), tr:hover {
  background: #27272a;
}

input, textarea, select, .vTextField {
  background: #111113 !important;
  color: #fafafa !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 8px !important;
  min-height: 34px;
}

input[type=submit], .button, a.button {
  border-radius: 8px !important;
  background: #155dfc !important;
  border: 1px solid #155dfc !important;
  color: #fff !important;
  font-weight: 800;
}

.object-tools a {
  border-radius: 8px;
  background: #155dfc;
}

.selector-chosen h2 {
  background: #155dfc !important;
}

.paginator, .change-list .filtered, #changelist-filter {
  background: #18181b;
  border-color: rgba(255,255,255,.1);
  color: #a1a1aa;
}

#changelist-filter h2, #changelist-filter h3 {
  color: #fafafa;
}