/* Globale Stile für das 3D Print Portal */
body {
    font-family: "Inter", sans-serif;
    background-color: #f9fafb; /* var(--color-base-50) für light theme */
    color: #1f2937; /* var(--color-base-content) für light theme */
}

/* Anpassungen für Bootstrap-Komponenten, falls nötig */
.btn-primary {
    background-color: var(--color-primary, #3b82f6); /* Fallback falls CSS Variable nicht definiert */
    border-color: var(--color-primary-focus, #2563eb);
    color: var(--color-primary-content, #ffffff);
}
.btn-primary:hover {
    background-color: var(--color-primary-focus, #2563eb);
    border-color: var(--color-primary-focus, #2563eb);
}

.nav-link.active {
    color: var(--color-primary, #3b82f6) !important;
    font-weight: 500;
}

/* Dark Theme Unterstützung (basierend auf den CSS Variablen in den UXPilot Dateien) */
/* Dies ist nur ein Grundgerüst. Eine volle Dark-Theme-Implementierung benötigt JS zum Umschalten */
/* und ggf. eine Klasse auf dem <body> oder <html> Tag */

/* :root { */
    /* Hier könnten die Light-Theme-Variablen aus den UXPilot-Dateien stehen */
    /* z.B. --color-base: #ffffff; */
/* } */

/* .dark { */
    /* Hier könnten die Dark-Theme-Variablen stehen */
    /* z.B. --color-base: #1f2937; */
    /* --color-base-content: #f9fafb; */
    /* background-color: var(--color-base); */
    /* color: var(--color-base-content); */
/* } */

/* Hilfsklassen, falls benötigt */
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Scrollbar-Styling nur bei Bedarf ausblenden */
.custom-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE und Edge */
}
.custom-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Icon Font Size Anpassung für spezifische Kontexte, wenn nötig */