/* Mahatm Innovations — UI enhancements */

/* Smooth global transitions and improved typography */
:root {
  --ring: 0 0 0 3px rgba(99,102,241,0.35);
}

html { scroll-behavior: smooth; }

body { font-feature-settings: "ss01" on, "cv11" on; }

/* Focus and interactive states */
button, a, input, textarea {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: var(--ring);
}

/* Header hover underline animation */
nav a {
  position: relative;
}
nav a::after {
  content: "";
  position: absolute;
  left: 0; bottom: -6px;
  width: 0; height: 2px;
  background: linear-gradient(90deg, #6366f1, #34d399);
  transition: width .25s ease;
}
nav a:hover::after { width: 100%; }

/* Card enhancements */
article, .rounded-xl {
  backdrop-filter: saturate(140%) blur(0.5px);
}
article:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -12px rgba(0,0,0,0.8), 0 0 24px rgba(99,102,241,0.18);
}

/* CTA buttons */
.glow-btn {
  position: relative;
}
.glow-btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 0.75rem;
  background: radial-gradient(40% 60% at 20% 40%, rgba(99,102,241,0.35), transparent),
              radial-gradient(40% 60% at 80% 60%, rgba(34,197,94,0.35), transparent);
  filter: blur(8px);
  opacity: 0;
  transition: opacity .25s ease;
}
.glow-btn:hover::before { opacity: 1; }

/* Sections subtle separators */
section { scroll-margin-top: 80px; }
section h2 { letter-spacing: 0.2px; }

/* Connect icons hover tint */
#contact svg { transition: color .2s ease, transform .2s ease; }
#contact a:hover svg { transform: translateY(-1px); }

/* Theme-aware social icon colors */
.theme-dark .brand-icon { color: #ffffff; }
.theme-light .brand-icon-github { color: #181717; }
.theme-light .brand-icon-linkedin { color: #0A66C2; }
.theme-light .brand-icon-twitter { color: #000000; }

/* Ensure text remains readable on light theme */
.theme-light p, .theme-light li, .theme-light .text-slate-300 { color: #334155; }
.theme-light .text-slate-400 { color: #475569; }
.theme-light .border-slate-800 { border-color: #e2e8f0; }
.theme-light .bg-slate-900 { background-color: #f8fafc; }
.theme-light .border-slate-700 { border-color: #cbd5e1; }

/* Footer subtle gradient line */
footer { border-image: linear-gradient(90deg, #6366f1 0%, #34d399 100%) 1; }