/* Knot VPN branding — dark theme tuned to logo cyan gradient (#5cd8e5 → #1e8bc7) */
:root {
  --bg-primary: #0a0f1a;
  --bg-secondary: #121a24;
  --bg-tertiary: #1a2432;
  --text-primary: #f0fbfe;
  --text-secondary: #8abacf;
  --text-muted: #4a6b80;
  --color-green: #5cd8e5;
  --color-red: #ef6b6b;
  --color-orange: #f09340;
  --border: #1e3042;
}

/* Light theme override for brand consistency */
[data-theme="light"] {
  --bg-primary: #f4fafc;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e6f2f7;
  --text-primary: #0a1824;
  --text-secondary: #38596f;
  --text-muted: #7d9aae;
  --color-green: #1e8bc7;
  --color-red: #d8423e;
  --color-orange: #e07a1f;
  --border: #cfe0e8;
}

/* Slightly larger logo in header to match brand presence */
header img[alt*="logo" i], header svg {
  max-height: 36px;
  width: auto;
}

/* Hide third-party footer branding */
footer a[href*="github.com/kutovoys"],
footer span:has(+ a[href*="github.com/kutovoys"]),
footer:has(a[href*="kutovoys"]) {
  opacity: 0.35;
  font-size: 0.75rem;
}