@import 'tailwindcss';

/* ... dein vorhandener Code bleibt oben ... */

@theme {
    --font-sans: 'Inter', ui-sans-serif, system-ui; /* Wir nehmen Inter */
    
    /* Wir fügen deine Kotsch-Farben dem Tailwind-Theme hinzu */
    --color-kotsch-blue: #2563eb;
    --color-kotsch-purple: #7c3aed;
}

/* DEIN CUSTOM CSS (Main CSS) */
:root {
    --primary: #2563eb;
    --accent: #7c3aed;
    --bg-dark: #0f172a;
    --text-muted: #64748b;
}

/* Hier kommen deine Klassen von vorhin rein */
nav { 
    position: fixed; top: 0; width: 100%; height: 80px; padding: 0 5%; 
    display: flex; justify-content: space-between; align-items: center; 
    background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(15px); 
    border-bottom: 1px solid rgba(0,0,0,0.05); z-index: 1000; 
}

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* ... und so weiter ... */