Initial commit: BRB Store Next.js storefront with Meshkee image slots.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/globals.css

@@ -0,0 +1,79 @@
+@import "tailwindcss";
+
+:root {
+  --brand: #e7432b;
+  --brand-dark: #c93621;
+  --ink: #161616;
+  --muted: #6c6363;
+  --line: #e4ddd8;
+  --paper: #f4f0ec;
+  --white: #ffffff;
+}
+
+@theme inline {
+  --color-brand: var(--brand);
+  --color-brand-dark: var(--brand-dark);
+  --color-ink: var(--ink);
+  --color-muted: var(--muted);
+  --color-line: var(--line);
+  --color-paper: var(--paper);
+  --font-sans: var(--font-vazir), Tahoma, sans-serif;
+  --font-latin: var(--font-montserrat), var(--font-vazir), sans-serif;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background: var(--white);
+  color: var(--ink);
+  font-family: var(--font-sans);
+}
+
+::selection {
+  background: var(--brand);
+  color: #fff;
+}
+
+.font-latin {
+  font-family: var(--font-latin);
+}
+
+.section-kicker {
+  font-family: var(--font-latin);
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.32em;
+  text-transform: uppercase;
+  color: var(--brand);
+}
+
+.glass-box,
+.caption-card {
+  background: rgb(255 255 255 / 0.18);
+  border: 1px solid rgb(255 255 255 / 0.72);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.9),
+    0 12px 32px rgb(0 0 0 / 0.1);
+  border-radius: 1rem;
+}
+
+.image-mask {
+  background: rgb(22 22 22 / 0.55);
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+input,
+textarea,
+button {
+  font-family: inherit;
+}