mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-20 07:23:37 +02:00
49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--color-primary: #3b82f6;
|
|
--color-primary-dark: #2563eb;
|
|
--color-background: #ffffff;
|
|
--color-background-secondary: #f9fafb;
|
|
--color-text: #111827;
|
|
--color-text-secondary: #6b7280;
|
|
--color-border: #e5e7eb;
|
|
}
|
|
|
|
.dark {
|
|
--color-background: #111827;
|
|
--color-background-secondary: #1f2937;
|
|
--color-text: #f9fafb;
|
|
--color-text-secondary: #9ca3af;
|
|
--color-border: #374151;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
@apply bg-white text-gray-900 antialiased;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply inline-flex items-center justify-center px-6 py-3 text-base font-medium text-white bg-primary-600 rounded-lg hover:bg-primary-700 transition-colors duration-200;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply inline-flex items-center justify-center px-6 py-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors duration-200;
|
|
}
|
|
|
|
.container-custom {
|
|
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
|
|
}
|
|
|
|
.section {
|
|
@apply py-16 md:py-24;
|
|
}
|
|
}
|