html[data-panel-theme="hawkmoth"] {
  --crimson: #7c3aed;
  --crimson-dark: #512391;
  --crimson-light: #c084fc;
  --orange: #d8b4fe;
  --gold: #ede9fe;
  --cyan: #c084fc;
}

[data-panel-theme="hawkmoth"] body {
  background: radial-gradient(ellipse at 50% 0, #33204e, transparent 55%), #0e0918;
}

[data-panel-theme="hawkmoth"] :is(.hero-glow, .logo-text, .hero-title, .eyebrow-gradient) {
  background-image: linear-gradient(110deg, #f5e8ff, #c084fc 56%, #a78bfa);
}

[data-panel-theme="hawkmoth"] .hero-glow {
  background-image: radial-gradient(ellipse, #8b5cf64d, transparent 68%);
}

[data-panel-theme="hawkmoth"] :is(.btn-primary, .btn-cadastrar, .primary, .tabs button.active) {
  background: linear-gradient(125deg, #6533a9, #542687);
  color: #fff;
  border-color: #ad78e9;
  box-shadow: 0 5px 22px #652da85e;
}

[data-panel-theme="hawkmoth"] :is(.navbar, .feature-card, .card, .btn-secondary, .logo-img) {
  border-color: #a878d85c;
}

[data-panel-theme="hawkmoth"] :is(.btn-secondary, main header a, main .eyebrow, .link-entrar) {
  color: #e5cfff;
}

[data-panel-theme="hawkmoth"] :is(.feature-card, .card) {
  background: linear-gradient(150deg, #281b3d, #171225);
}
[data-panel-theme="hawkmoth"] #plexus {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

[data-panel-theme="hawkmoth"] :is(.btn-auth, .auth-tabs .tab.active) {
  background: linear-gradient(135deg, #713cb5, #4c267b);
  box-shadow: 0 4px 16px #7c3aed44;
}

[data-panel-theme="hawkmoth"] :is(.btn-secondary, .btn-icon) {
  background: #8b5cf620;
  border-color: #b98af16b;
  color: #ebd8ff;
}

[data-panel-theme="hawkmoth"] :is(.btn-secondary, .btn-icon):hover {
  background: #8b5cf63b;
  border-color: #d6b1ff;
}

[data-panel-theme="hawkmoth"] :is(.logo-img, .modal-logo, .modal-card) {
  border-color: #a878d875;
  box-shadow: 0 0 18px #9256d849;
}

[data-panel-theme="hawkmoth"] :is(.sparkle, .eyebrow, .nav-links a[aria-current="page"]) {
  color: #d8b4fe;
  text-shadow: 0 0 14px #a855f775;
}

[data-panel-theme="hawkmoth"] :is(.footer, .navbar.scrolled) {
  border-color: #a878d85c;
}

[data-panel-theme="hawkmoth"] .modal-card {
  background: linear-gradient(150deg, #251734, #151020);
}

[data-panel-theme="hawkmoth"] :is(input, select):focus {
  border-color: #c084fc;
  outline-color: #c084fc;
}
[data-panel-theme="hawkmoth"] .logo-text {
  background-image: linear-gradient(100deg, #f5e6ff 5%, #d3a6ff 42%, #a78bfa 78%, #e6ceff);
}
[data-panel-theme="hawkmoth"] .site-home .hero {
  min-height: 0;
  padding: clamp(108px, 13vh, 145px) 0 46px;
}
[data-panel-theme="hawkmoth"] .site-home .scroll-hint { margin-top: 24px; }
[data-panel-theme="hawkmoth"] .site-home .hero-title {
  max-width: 25ch;
  margin-inline: auto;
  font-size: clamp(30px, 4vw, 53px);
}
[data-panel-theme="hawkmoth"] :is(.cat-tab.active, .badge-featured, .plan-ribbon, .billing-toggle button.active, .store-plan button, .checkout-card button[type=submit], .account-link button) {
  background: linear-gradient(125deg, #713cb5, #542687);
  border-color: #ac78e9;
  color: #fff;
}
[data-panel-theme="hawkmoth"] :is(.cmd-card, .price-card.featured) {
  background: linear-gradient(150deg, #3c245b6e, #171225b8);
  border-color: #ac78e945;
  box-shadow: none;
}
[data-panel-theme="hawkmoth"] .price-card.featured { transform: none; }
[data-panel-theme="hawkmoth"] :is(.cmd-name, .cmd-cat) {
  color: #ead5ff;
  background: #a855f724;
  border-color: #b78ae35c;
}
[data-panel-theme="hawkmoth"] :is(.pricing, .store-plan.featured, .checkout-card) { border-color: #a878d875; }
[data-panel-theme="hawkmoth"] .pricing { background: radial-gradient(ellipse at 50% 0, #8b5cf619, transparent 65%); }
[data-panel-theme="hawkmoth"] :is(.store-kicker, .store-heading>div>span, .store-user a) { color: #d8b4fe; }
[data-panel-theme="hawkmoth"] .store-hero h1 span { background-image: linear-gradient(90deg, #f5e6ff, #a78bfa); }
[data-panel-theme="hawkmoth"] :is(a, button):focus-visible { outline-color: #d8b4fe; }
[data-panel-theme="hawkmoth"] .logo-text {
  background-image: linear-gradient(100deg, #a564ff 0%, #c89aff 19%, #fff5ff 25%, #c89aff 31%, #a564ff 50%, #c89aff 69%, #fff5ff 75%, #c89aff 81%, #a564ff 100%);
  background-size: 200% 100%;
}
[data-panel-theme="hawkmoth"][data-hawk-motion="on"] .logo-text {
  animation: hawk-logo-gradient 1.8s linear infinite;
}
@keyframes hawk-logo-gradient {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
[data-panel-theme="hawkmoth"] :is(.auth-user .user-name, .store-user > span) {
  max-width: min(24ch, 24vw);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  font-weight: 700;
  background-image: linear-gradient(100deg, #c18bff 0%, #fff2ff 25%, #c18bff 50%, #fff2ff 75%, #c18bff 100%);
  background-size: 200% 100%;
  background-clip: text;
  color: transparent;
}
[data-panel-theme="hawkmoth"][data-hawk-motion="on"] :is(.auth-user .user-name, .store-user > span) {
  animation: hawk-logo-gradient 2.6s linear infinite;
}
[data-panel-theme="hawkmoth"] :is(.auth-user img, .auth-user button, .store-user img, .store-user button) {
  flex-shrink: 0;
}
[data-panel-theme="hawkmoth"] .nav-links .dropdown-toggle {
  color: #dcc2ff;
}
[data-panel-theme="hawkmoth"] .nav-links .dropdown-menu {
  background: #1c142a;
  border-color: #a878d85c;
}
[data-panel-theme="hawkmoth"] .nav-links .dropdown-menu a:hover,
[data-panel-theme="hawkmoth"] .nav-links .dropdown-menu a:focus-visible {
  background: #a855f724;
  color: #f2e4ff;
}
