53 lines
1.1 KiB
CSS
53 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
/* Primary Colors - Blue */
|
|
--color-primary-50: #E6EBF2;
|
|
--color-primary-100: #C2D1E3;
|
|
--color-primary-200: #9BB4D1;
|
|
--color-primary-300: #7497BF;
|
|
--color-primary-400: #5781B2;
|
|
--color-primary-500: #3A6BA5;
|
|
--color-primary-600: #2E5A8E;
|
|
--color-primary-700: #244977;
|
|
--color-primary-800: #1E3A5F;
|
|
--color-primary-900: #152A47;
|
|
|
|
/* Accent Colors - Green */
|
|
--color-accent-50: #EEFBF3;
|
|
--color-accent-100: #D4F5E0;
|
|
--color-accent-200: #A9EBBC;
|
|
--color-accent-300: #7EE19A;
|
|
--color-accent-400: #53D778;
|
|
--color-accent-500: #22C55E;
|
|
--color-accent-600: #1CA04C;
|
|
--color-accent-700: #167A3A;
|
|
--color-accent-800: #105528;
|
|
--color-accent-900: #0A2F16;
|
|
|
|
/* Background and Foreground */
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
@layer base {
|
|
html {
|
|
@apply antialiased;
|
|
}
|
|
}
|