:root {
  --pytwinnet-primary: #009FE3;
  --pytwinnet-secondary: #4F46E5;
  --pytwinnet-bg: #F9FAFB;
  --pytwinnet-code-bg: #E0F7FF;
}

body {
  font-family: "Inter", "Roboto", sans-serif;
}

a {
  color: var(--pytwinnet-primary);
}
a:hover {
  color: var(--pytwinnet-secondary);
}

code {
  background-color: var(--pytwinnet-code-bg);
  border-radius: 4px;
  padding: 2px 4px;
}

h1, h2, h3 {
  font-weight: 700;
  color: #1B1F23;
}

.sidebar-logo {
  border-radius: 12px;
  margin-bottom: 1em;
}

img.hero {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

@keyframes rotateRing {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

svg .ring:nth-child(2) {
  animation: rotateRing 30s linear infinite;
  transform-origin: 950px 180px;
}

svg .ring:nth-child(3) {
  animation: rotateRing 60s linear infinite reverse;
  transform-origin: 950px 180px;
}