html, body {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Slightly larger base size and a bit bolder for better readability without being oversized */
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

/* subtle gradient background */
body {
  background-image:
    radial-gradient(circle at top left, rgba(56,189,248,0.15), transparent 55%),
    radial-gradient(circle at bottom right, rgba(45,212,191,0.12), transparent 55%);
}

/* smooth cards */
.card-soft {
  @apply bg-white/80 dark:bg-slate-900/80 border border-slate-100 dark:border-slate-800 rounded-2xl shadow-sm;
}

/* Make headings a bit bolder but preserve visual hierarchy */
h1, h2, h3, h4, h5 {
  font-weight: 600;
  color: #0f172a; /* slategrey for readability */
}

/* Improve default text rendering for small labels */
.text-xs {
  font-size: 0.9rem; /* slightly larger than Tailwind's default tiny size */
}

/* Improve form inputs and buttons for better visual weight */
input, textarea, select, button {
  font-weight: 500;
}