/* styles.css */
:root {
  --card: 255 255 255;         /* white */
  --muted: 248 250 252;        /* slate-50 */
}

html {
  scroll-behavior: smooth;
}

/* Optional small tweaks */
.font-inter {
  font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.card {
  background-color: rgb(var(--card));
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
}

.badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
}




/* AOS fallback spacing if JS disabled */
[data-aos] { opacity: 1; transform: none; }