:root {
  --background: 195 38% 98%;
  --foreground: 205 32% 14%;
  --card: 0 0% 100%;
  --card-foreground: 205 32% 14%;
  --popover: 0 0% 100%;
  --popover-foreground: 205 32% 14%;
  --primary: 174 70% 24%;
  --primary-foreground: 0 0% 100%;
  --secondary: 198 29% 94%;
  --secondary-foreground: 205 32% 14%;
  --muted: 198 29% 94%;
  --muted-foreground: 202 23% 38%;
  --accent: 164 33% 91%;
  --accent-foreground: 176 64% 19%;
  --border: 199 27% 86%;
  --input: 199 27% 86%;
  --ring: 174 70% 24%;
  --radius: 0.75rem;
}
:root.dark {
  --background: 216 45% 4%;
  --foreground: 212 100% 96%;
  --card: 213 47% 7%;
  --card-foreground: 199 33% 90%;
  --popover: 213 47% 9%;
  --popover-foreground: 212 100% 96%;
  --primary: 168 66% 77%;
  --primary-foreground: 198 56% 5%;
  --secondary: 211 45% 11%;
  --secondary-foreground: 199 33% 90%;
  --muted: 211 45% 11%;
  --muted-foreground: 207 19% 68%;
  --accent: 185 43% 13%;
  --accent-foreground: 167 74% 84%;
  --border: 204 28% 20%;
  --input: 204 28% 20%;
  --ring: 174 64% 67%;
  --radius: 0.75rem;
}
body {
  background-attachment: fixed;
  background-image: radial-gradient(ellipse at 100% 0%, rgb(18 103 94 / 8%), transparent 38rem);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}
#global { min-height: 100vh; background: transparent; }
header { border-color: rgb(88 167 163 / 24%); box-shadow: 0 1px 0 rgb(110 231 220 / 5%); }
header h1 { letter-spacing: -0.035em; }
header img { filter: drop-shadow(0 8px 22px rgb(110 231 220 / 16%)); }
.endpoint { overflow: hidden; box-shadow: 0 16px 45px rgb(2 8 16 / 10%); }
.endpoint:hover { border-color: rgb(110 231 220 / 38%); }
.bg-green-500 { background-color: #27c9a4 !important; }
.hover\:bg-green-700:hover, .bg-green-700 { background-color: #168f78 !important; }