/* e5o.io brand overrides — loaded after main.css */
:root {
  --accent: #22d3ee;        /* e5o cyan */
  --accent-hover: #67e8f9;
  --purple: #a78bfa;
}

.brand-logo {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px;
  background: linear-gradient(90deg, #22d3ee 0%, #a78bfa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brand-tld {
  opacity: 0.75;
  font-weight: 500;
}

.nav-item.active {
  border-left: 2px solid var(--accent);
}

/* e5o light-theme accents */
:root[data-theme="light"] {
  --accent: #0891b2;
  --accent-hover: #06b6d4;
  --purple: #7c3aed;
}