Import source: src/app/globals

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.

src/app/globals.css

@@ -0,0 +1,58 @@
+@import "tailwindcss";
+
+@theme {
+  --color-teal-brand: #0F6B73;
+  --color-warm-white: #F9F6F1;
+  --color-near-black: #0D0D0D;
+  --color-charcoal: #1C1C1C;
+  --color-terracotta: #D95D39;
+  --color-sand: #E6DFD3;
+
+  --font-sans: var(--font-sans), ui-sans-serif, system-ui;
+  --font-farsi: var(--font-farsi), var(--font-sans), ui-sans-serif;
+}
+
+@custom-variant dark (&:is(.dark *));
+
+/* Custom styling */
+::selection {
+  background-color: #0F6B73;
+  color: #F9F6F1;
+}
+
+.dark ::selection {
+  background-color: #D95D39;
+  color: #0D0D0D;
+}
+
+html, body {
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+}
+
+/* Scrollbar styles */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #F9F6F1;
+}
+
+.dark ::-webkit-scrollbar-track {
+  background: #0D0D0D;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #E6DFD3;
+  border-radius: 4px;
+}
+
+.dark ::-webkit-scrollbar-thumb {
+  background: #1C1C1C;
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #0F6B73;
+}