/* Warpgate-inspired button styles */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: #3b82f6;
  color: white;
}

.btn-primary:hover {
  background-color: #2563eb;
}

.btn-success {
  background-color: #10b981;
  color: white;
}

.btn-success:hover {
  background-color: #059669;
}

.btn-warning {
  background-color: #f59e0b;
  color: white;
}

.btn-warning:hover {
  background-color: #d97706;
}



/* Center buttons on homepage */
article p:has(.btn) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin: 2rem 0;
}

/* Social media icon brand colors */
a[aria-label="Email"] { color: #EA4335; }
a[aria-label="Email"]:hover { color: #D33426; }

a[aria-label="Github"] { color: #333333; }
a[aria-label="Github"]:hover { color: #24292e; }

a[aria-label="Linkedin"] { color: #0077B5; }
a[aria-label="Linkedin"]:hover { color: #006396; }

a[aria-label="Twitter"] { color: #1DA1F2; }
a[aria-label="Twitter"]:hover { color: #1a91da; }

a[aria-label="X-Twitter"] { color: #1DA1F2; }
a[aria-label="X-Twitter"]:hover { color: #1a91da; }

a[aria-label="Facebook"] { color: #4267B2; }
a[aria-label="Facebook"]:hover { color: #34568e; }

a[aria-label="Instagram"] { color: #E1306C; }
a[aria-label="Instagram"]:hover { color: #c22a5c; }

a[aria-label="Youtube"] { color: #FF0000; }
a[aria-label="Youtube"]:hover { color: #cc0000; }

a[aria-label="Telegram"] { color: #0088CC; }
a[aria-label="Telegram"]:hover { color: #006fa6; }

a[aria-label="WhatsApp"] { color: #25D366; }
a[aria-label="WhatsApp"]:hover { color: #1ea852; }

/* Dark mode adjustments */
.dark a[aria-label="Github"],
.dark a[aria-label="Github"]:hover { color: #f0f0f0; }

.dark a[aria-label="Email"] { color: #f87171; }
.dark a[aria-label="Email"]:hover { color: #fca5a5; }