feat(web): add Next.js 14 app with Tailwind CSS

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ivan
2026-02-01 06:10:02 +00:00
parent a5a68cc54d
commit 039c17352b
8 changed files with 221 additions and 0 deletions

52
apps/web/app/globals.css Normal file
View File

@@ -0,0 +1,52 @@
@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;
}
}