:root:root {
  --sl-color-white: #181818;
  --sl-color-gray-1: #272727;
  --sl-color-gray-2: #383838;
  --sl-color-gray-3: #585858;
  --sl-color-gray-4: #8b8b8b;
  --sl-color-gray-5: #c2c2c2;
  --sl-color-gray-6: #eeeeee;
  --sl-color-gray-7: #f6f6f6;
  --sl-color-black: #ffffff;

  --sl-color-accent-low: #d7d7d7;
  --sl-color-accent: rgb(122, 103, 135);
  --sl-color-accent-high: #d7d7d7;

  --sl-color-text: var(--sl-color-gray-2);
  --sl-color-text-accent: var(--sl-color-accent);
  --sl-color-text-invert: var(--sl-color-black);
  --sl-color-bg: var(--sl-color-black);
  --sl-color-bg-nav: #ffffff;
  --sl-color-bg-sidebar: var(--sl-color-bg);
  --sl-color-bg-inline-code: var(--sl-color-gray-6);
  --sl-color-bg-accent: var(--sl-color-accent);
  --sl-color-hairline-light: var(--sl-color-gray-6);
  --sl-color-hairline: var(--sl-color-gray-6);
  --sl-color-hairline-shade: var(--sl-color-gray-6);

  --sl-shadow-sm: 0px 1px 1px hsla(0,0%,0%,0.06), 0px 2px 1px hsla(0,0%,0%,0.06);
  --sl-shadow-md: 0px 8px 4px hsla(0,0%,0%,0.03), 0px 5px 2px hsla(0,0%,0%,0.03), 0px 3px 2px hsla(0,0%,0%,0.06), 0px 1px 1px hsla(0,0%,0%,0.06);

  --tetrify-color-background-blue: #4C808E;
  --tetrify-color-background-red: #905D5C;
  --tetrify-color-background-user: #EAEAEA;
  --tetrify-color-text-user: #000000;

  color-scheme: light;
}

.site-title {
  color: #181818 !important;
}

.content-panel {
  padding: 0 !important;
}

.content-panel .sl-container {
  max-width: none !important;
}

.sl-markdown-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

footer {
  background: #fdf6f0;
  border-top: none !important;
}

starlight-theme-select {
  display: none;
}

body main {
  padding-bottom: 0px;
}