/* Custom styles for Camag Technologies */
body {
  font-family: 'Inter', sans-serif;
}

a {
  transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

section {
  scroll-margin-top: 80px; /* Offset for sticky nav */
}

input, textarea {
  transition: border-color 0.3s ease, ring 0.3s ease;
}

footer a {
  display: inline-block; /* Ensure hover effects apply consistently */
}

/* Custom color palette */
.bg-navy-900 {
  background-color: #1a2a44; /* Deep navy for premium look */
}

.text-navy-900 {
  color: #1a2a44;
}

.bg-gold-400 {
  background-color: #d4a017; /* Rich gold accent */
}

.text-gold-400 {
  color: #d4a017;
}

.bg-gold-300 {
  background-color: #e8b923; /* Lighter gold for hover */
}

.text-gradient {
  background: linear-gradient(120deg, #fbbf24, #f59e0b, #fde68a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.glass-panel {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(148, 163, 184, 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.shadow-ambient {
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}

.animate-float-slow {
  animation: float-slow 6s ease-in-out infinite;
}

@keyframes glow {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

.hero-glow {
  animation: glow 8s ease-in-out infinite;
}

/* Animation keyframes */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 1s ease-out;
}

@keyframes pulse {
  0% { opacity: 0.2; }
  50% { opacity: 0.4; }
  100% { opacity: 0.2; }
}

.animate-pulse {
  animation: pulse 8s infinite ease-in-out;
}

/* Techy Animations for Stakeholders Section */
@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 10s linear infinite;
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 1s ease-out forwards;
}

/* Mobile-specific tweaks */
#mobile-menu.active {
  display: block;
}

/* Hamburger menu icon animation */
#menu-toggle.active #menu-icon {
  d: path("M6 18L18 6M6 6l12 12");
}

/* Glassmorphism styles */
.glassmorphic {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Organization card styles */
.org-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.org-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Subtle background pattern */
.section-bg {
  background-image: linear-gradient(135deg, rgba(26, 42, 68, 0.95), rgba(30, 64, 175, 0.95)), url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23ffffff" fill-opacity="0.05" fill-rule="evenodd"%3E%3Cpath d="M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z"/%3E%3C/g%3E%3C/svg%3E');
}

/* Clickable logo and name styles */
.org-logo, .org-name {
  transition: color 0.3s ease, transform 0.3s ease;
}

.org-logo:hover, .org-name:hover {
  color: #d4a017; /* Gold on hover */
  transform: scale(1.05);
}

.org-logo img {
  transition: transform 0.3s ease;
}

.org-logo:hover img {
  transform: scale(1.1);
}

.animate-fade-in { animation: fadeIn 1s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }