first commit

2026-09-02 17:03:23 +03:30
commit 1bd131e9d8
91 changed files with 11211 additions and 0 deletions
@@ -0,0 +1,86 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #2e2e2e;
+
+  /* Brand palette lifted from the live moalem.shop theme
+     (--wb-primary-color #E51E22 / --wb-secondary-color #3B3B3B). Flat, no gradients. */
+  --color-brand: #e51e22;
+  --color-brand-dark: #b10123;
+  --color-brand-soft: #fdecec;
+  --color-ink: #2e2e2e;
+  --color-ink-soft: #3b3b3b;
+  --color-body: #7c7c7c;
+  --color-surface: #f6f7f9;
+  --color-line: #ececec;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-brand: var(--color-brand);
+  --color-brand-dark: var(--color-brand-dark);
+  --color-brand-soft: var(--color-brand-soft);
+  --color-ink: var(--color-ink);
+  --color-ink-soft: var(--color-ink-soft);
+  --color-body: var(--color-body);
+  --color-surface: var(--color-surface);
+  --color-line: var(--color-line);
+
+  --font-fa: var(--font-fa);
+  --font-en: var(--font-en);
+
+  --container-boxed: 1200px;
+}
+
+/* Base defaults live in Tailwind's base layer so utilities can override them. */
+@layer base {
+  body {
+    background: var(--background);
+    color: var(--color-ink);
+    font-family: var(--font-fa), Tahoma, sans-serif;
+    font-weight: 300;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    color: var(--color-ink);
+    font-weight: 700;
+  }
+}
+
+@utility boxed {
+  width: 100%;
+  max-width: var(--container-boxed);
+  margin-inline: auto;
+  padding-inline: 1rem;
+}
+
+/* Latin runs (model names, prices in EN digits) inside Farsi copy. */
+.en {
+  font-family: var(--font-en), var(--font-fa), sans-serif;
+}
+
+/* Swiper: the package ships its own CSS, these are the site-level overrides. */
+.swiper-pagination-bullet {
+  background: #ffffff;
+  opacity: 0.55;
+  width: 8px;
+  height: 8px;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  width: 22px;
+  border-radius: 4px;
+}
+
+.clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}