/* Placeholder for custom.css */

.wy-nav-content {
  max-width: 100%;
}

/* Inter Variable - Normal */
@font-face {
  font-family: "Inter";
  src: url("fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900; /* full range */
  font-style: normal;
  font-display: swap;
}

/* Inter Variable - Italic */
@font-face {
  font-family: "Inter";
  src: url("fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

body {
  color: var(--inn-foreground);
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.rst-content .toctree-wrapper > p.caption,
h1,
h2,
h3,
h4,
h5,
h6,
legend {
  margin-top: 0;
  font-weight: 700;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

:root {
  --inn-background: #fff;
  --inn-primary: #2fb5d8;
  --inn-foreground: #0a0a0a;
  --inn-secondary: #f5f5f5;
  --inn-primary-foreground: white;
  --inn-border: #e5e5e5;
  --inn-radius: 0.625rem;
  --inn-sidebar: #fafafa;
  --inn-accent: #f5f5f5;
}

.btn {
  padding: 12px 16px !important;
  border-width: none !important;
  border-radius: calc(var(--inn-radius) - 2px) !important;
  box-shadow: none !important;
}
.btn-neutral {
  background-color: var(--inn-primary) !important;
  color: var(--inn-primary-foreground) !important;
}

.btn-neutral:hover {
  background-color: var(--inn-primary) !important;
  color: var(--inn-primary-foreground) !important;
}

.btn-neutral:visited {
  color: var(--inn-primary-foreground) !important;
}

.wy-nav-content a:visited {
  color: var(--inn-primary);
}

.wy-side-nav-search {
  background: #f3f4f7 !important;
}

.wy-nav-side {
  background: var(--inn-sidebar) !important;
  border-right: 1px solid var(--inn-border) !important;
}

.wy-side-nav-search input[type="text"] {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid var(--inn-border) !important;
}
.wy-body-for-nav {
  background: var(--inn-background) !important;
}
.wy-menu-vertical a:hover {
  background: var(--inn-accent) !important;
}
.wy-menu-vertical a:hover button.toctree-expand {
  color: var(--inn-foreground) !important;
}
.wy-menu-vertical li.current a:hover {
  background-color: var(--inn-accent) !important;
}
.wy-menu-vertical a {
  color: var(--inn-foreground) !important;
}
.wy-nav-top {
  background: var(--inn-background) !important;
  color: var(--inn-foreground) !important;
  border-bottom: 1px solid var(--inn-border) !important;
}

.wy-nav-top a {
  color: var(--inn-foreground) !important;
}

@media screen and (min-width: 1100px) {
  .wy-nav-content-wrap {
    background: var(--inn-accent);
  }

  .wy-nav-content {
    margin: 0;
    background: var(--inn-background);
  }
}