@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;800&family=Poppins:wght@400;500;600&family=Rubik:wght@600&family=JetBrains+Mono:wght@400&display=swap');

:root.dark {
  --background: 0 0% 7%;
  --foreground: 0 0% 95%;
  --card: 0 0% 10%;
  --card-foreground: 0 0% 95%;
  --popover: 0 0% 10%;
  --popover-foreground: 0 0% 95%;
  --primary: 188 100% 37%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 15%;
  --secondary-foreground: 0 0% 90%;
  --muted: 0 0% 13%;
  --muted-foreground: 0 0% 55%;
  --accent: 0 0% 15%;
  --accent-foreground: 0 0% 90%;
  --border: 0 0% 18%;
  --input: 0 0% 15%;
  --ring: 188 100% 37%;
}

body {
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
}

header h1 {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  color: #00A6BF;
  letter-spacing: -0.02em;
}

.endpoint-group-header span,
.endpoint-group-header div {
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #00A6BF;
}

code, pre, .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

header img { display: none; }
footer { display: none; }