Deploy

src/app/globals.css

@@ -0,0 +1,46 @@
+@import "tailwindcss";
+
+@theme {
+  --color-background: oklch(0.96 0.008 240);
+  --color-foreground: oklch(0.25 0.03 260);
+  --color-card: oklch(0.97 0.005 240);
+  --color-card-foreground: oklch(0.25 0.03 260);
+  --color-primary: oklch(0.33 0.04 250);
+  --color-primary-foreground: oklch(1 0 0);
+  --color-secondary: oklch(0.72 0.17 90);
+  --color-secondary-foreground: oklch(0.25 0.03 260);
+  --color-accent: oklch(0.60 0.22 150);
+  --color-accent-foreground: oklch(1 0 0);
+  --color-border: oklch(0.86 0.02 230);
+  --color-input: oklch(0.86 0.02 230);
+  --color-ring: var(--color-primary);
+  --radius: 0.5rem;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius-sm: 14px;
+  --radius-md: 20px;
+  --radius-lg: 28px;
+  --radius-arch: 999px 999px 24px 24px;
+  --shadow-soft: 0 18px 36px rgba(40, 55, 45, 0.14);
+  --shadow-deep: 0 30px 60px rgba(40, 55, 45, 0.18);
+}
+
+* {
+  border-color: var(--color-border);
+  outline-color: color-mix(in oklch, var(--color-ring), transparent 50%);
+}
+
+body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  font-feature-settings: "rlig" 1, "calt" 1;
+}
+
+html {
+  scroll-behavior: smooth;
+}