37 lines
1000 B
CSS
37 lines
1000 B
CSS
@import "tailwindcss";
|
|
@import "./components.css";
|
|
|
|
|
|
@theme {
|
|
--font-display: "Satoshi", "sans-serif";
|
|
--breakpoint-3xl: 1920px;
|
|
|
|
--ease-fluid: cubic-bezier(0.3, 0, 0, 1);
|
|
--ease-snappy: cubic-bezier(0.2, 0, 0, 1); /* ... */
|
|
--color-primary-50: #fff1f2;
|
|
--color-primary-100: #ffe4e6;
|
|
--color-primary-200: #fecdd3;
|
|
--color-primary-300: #fda4af;
|
|
--color-primary-400: #fb7185;
|
|
--color-primary-500: #f43f5e;
|
|
--color-primary-600: #e11d48;
|
|
--color-primary-700: #be123c;
|
|
--color-primary-800: #9f1239;
|
|
--color-primary-900: #881337;
|
|
--color-primary-950: #4c0519;
|
|
|
|
--color-gray-50: #fafafa;
|
|
--color-gray-100: #f4f4f5;
|
|
--color-gray-200: #e4e4e7;
|
|
--color-gray-300: #d4d4d8;
|
|
--color-gray-400: #a1a1aa;
|
|
--color-gray-500: #71717a;
|
|
--color-gray-600: #52525b;
|
|
--color-gray-700: #3f3f46;
|
|
--color-gray-800: #27272a;
|
|
--color-gray-900: #18181b;
|
|
--color-gray-950: #09090b;
|
|
}
|
|
|
|
@variant dark (&:where(.dark, .dark *));
|