46 lines
1.4 KiB
CSS
46 lines
1.4 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-text-primary font-sans antialiased;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-background-secondary;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-border-light rounded-full;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply bg-primary hover:bg-primary-hover text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200 flex items-center gap-2;
|
|
}
|
|
.btn-secondary {
|
|
@apply bg-transparent border border-border-light hover:bg-background-elevated text-text-primary font-medium px-4 py-2 rounded-lg transition-colors duration-200;
|
|
}
|
|
.card {
|
|
@apply bg-background-card border border-border rounded-xl;
|
|
}
|
|
.input-field {
|
|
@apply bg-background-elevated border border-border text-text-primary placeholder-text-muted rounded-lg px-4 py-3 w-full focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-all;
|
|
}
|
|
.sidebar-link {
|
|
@apply flex items-center gap-3 px-3 py-2.5 rounded-lg text-text-secondary hover:text-text-primary hover:bg-background-elevated transition-all duration-200 text-sm font-medium;
|
|
}
|
|
.sidebar-link-active {
|
|
@apply bg-primary/10 text-primary;
|
|
}
|
|
}
|