/* custom.css */

/* Switzer font faces */
@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Switzer";
  src: url("/fonts/Switzer-Extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Nextra accent override */
:root {
  --baseline-accent: #BDE56C;
  --nextra-primary-hue: 80deg;
  --nextra-primary-saturation: 70%;
}

.nextra-container,
body {
  font-family: "Switzer", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background-color: #111111 !important;
}

.nextra-content p,
.nextra-content li,
.nextra-content td,
.nextra-content th,
.nextra-content blockquote,
.nextra-content code,
.nextra-content pre,
.nextra-content ul,
.nextra-content ol,
.nextra-content dl,
.nextra-content dd,
.nextra-content figcaption,
.nextra-content small,
.nextra-content span:not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  color: #B4B4B4 !important;
}

.nextra-content p,
.nextra-content li,
.nextra-content td,
.nextra-content th,
.nextra-content blockquote,
.nextra-content code,
.nextra-content pre,
.nextra-content ul,
.nextra-content ol,
.nextra-content dl,
.nextra-content dd,
.nextra-content figcaption,
.nextra-content small {
  line-height: 1.875rem;
}

.nextra-content a {
  color: #EEEEEE !important;
  font-weight: 700;
  text-decoration-color: #BDE56C;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.nextra-content a:hover {
  text-decoration-thickness: 2px;
}

.nextra-content {
  width: 100%;
}

.nextra-content > main,
.nextra-content > article,
.nextra-body-typesetting-article {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Bold body text should match headline color */
.nextra-content strong,
.nextra-content b {
  color: #f1f5f9 !important;
}

.nextra-content a strong,
.nextra-content a b {
  color: inherit !important;
}

.home-banner {
  border-radius: 10px;
}

.dark {
  --nextra-primary-hue: 80deg;
  --nextra-primary-saturation: 70%;
}

.nx-text-primary-600,
.nx-text-primary-800 {
  color: var(--baseline-accent) !important;
}

.nx-text-gray-500 {
  color: #B4B4B4 !important;
}

.nx-border-primary-500 {
  border-color: var(--baseline-accent) !important;
}

.nx-bg-primary-100 {
  background-color: #1F2917 !important;
}

.dark .dark\:nx-bg-primary-400\/10 {
  background-color: #1F2917 !important;
}

/* Table styling overrides */
.nextra-content table tr,
.nextra-content table th,
.nextra-content table td {
  border-color: #2A2A2A !important;
}

.nextra-content table th,
.nextra-content table td {
  text-align: center;
}

.nextra-content table th:first-child,
.nextra-content table td:first-child {
  text-align: left;
}

.nextra-content table tr:nth-child(even) {
  background-color: #191919 !important;
}

/* Callout styling */
.nextra-callout {
  background-color: transparent !important;
  border-color: #3A3A3A !important;
}

.sidebar-group {
  display: none;
}

.sidebar-group.active {
  display: block;
}

/* CTA Button */
.cta-button {
  display: block;
  width: fit-content;
  margin: 1rem 0;
  padding: 0.75rem 1.5rem;
  background: transparent;
  color: #BDE56C !important;
  border: 1px solid #BDE56C;
  border-radius: 0.5rem;
  font-weight: 500;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.cta-button:link,
.cta-button:visited,
.cta-button:hover,
.cta-button:active {
  color: #BDE56C !important;
}

.cta-button:hover {
  color: #BDE56C !important;
  border-color: #BDE56C;
  background: rgba(191, 255, 0, 0.1);
}