/* Minimaler Zusatz zu Tailwind – nur ein paar Helfer */
:root { color-scheme: light dark; }
html, body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
.navlink { opacity:.9; }
.navlink:hover { opacity:1; text-decoration: underline; }
.navlink.active { font-weight: 600; }
.btn-primary { @apply px-4 py-2 rounded-xl bg-indigo-600 text-white hover:bg-indigo-700 transition; }
.btn-ghost { @apply px-4 py-2 rounded-xl border border-slate-300 dark:border-slate-700 hover:bg-slate-100 dark:hover:bg-slate-800 transition; }
.section-title { @apply text-2xl md:text-3xl font-extrabold; }
.card { @apply p-5 rounded-2xl border bg-white/70 dark:bg-slate-800/50 dark:border-slate-700 hover:shadow transition block; }
.card-title { @apply font-semibold text-lg; }
.card-text { @apply text-sm text-slate-600 dark:text-slate-300 mt-1; }
.tag { @apply inline-block mt-3 px-2 py-1 rounded-lg text-xs border; }
.stat { @apply p-4 rounded-2xl border bg-white/70 dark:bg-slate-800/50 dark:border-slate-700 text-center; }
.stat-number { @apply text-3xl font-extrabold; }
.stat-label { @apply text-xs text-slate-500; }
.list { @apply list-disc pl-6 text-slate-700 dark:text-slate-300; }
pre code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* Fallback, falls Tailwind-CDN mal nicht lädt: ein paar Basis-Styles */
.btn-fallback { padding:.5rem 1rem; border-radius: .75rem; border:1px solid #cdd5df; }