@layer base {
  :root { --tw-color-primary: #10b981; }
  * { box-sizing: border-box; }
  html, body { overflow-x: hidden; }
  body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
}
@layer components {
  .nav-link { @apply text-slate-700 hover:text-emerald-600 dark:text-slate-300 dark:hover:text-emerald-400 transition-colors font-medium; }
  .section-header { @apply text-4xl font-semibold text-slate-900 dark:text-white tracking-tight; }
  .card { @apply bg-white border border-slate-200 dark:bg-slate-800 dark:border-slate-700 rounded-3xl p-8 shadow-sm hover:shadow-md transition-all; }
  .content-box { @apply bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-3xl p-8 shadow-sm; }
}