52 lines
1006 B
CSS
52 lines
1006 B
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-primary: #2D6A4F;
|
|
--color-primary-dark: #1B4332;
|
|
--color-primary-light: #40916C;
|
|
--color-secondary: #F5F0E8;
|
|
--color-accent: #E76F51;
|
|
--color-text: #111827;
|
|
--color-muted: #6B7280;
|
|
--color-border: #E5E7EB;
|
|
--color-bg: #F9FAFB;
|
|
--color-surface: #FFFFFF;
|
|
--color-danger: #DC2626;
|
|
--color-warning: #D97706;
|
|
--color-success: #059669;
|
|
--font-sans: "Inter", system-ui, sans-serif;
|
|
--font-heading: "Playfair Display", Georgia, serif;
|
|
}
|
|
|
|
:root {
|
|
--background: #F9FAFB;
|
|
--foreground: #111827;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
/* Scrollbar styling */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #D1D5DB;
|
|
border-radius: 3px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #9CA3AF;
|
|
}
|