feat: initial

app/globals.css

@@ -1,26 +1,66 @@
 @import "tailwindcss";
 
+/* Persian admin theme — calm meditation palette, RTL-first. */
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #f4f6fb;
+  --surface: #ffffff;
+  --surface-muted: #eef1f8;
+  --foreground: #1f2433;
+  --muted: #6b7390;
+  --border: #e1e5f0;
+  --primary: #5b6ee1;
+  --primary-hover: #4a5cd0;
+  --primary-soft: #eaedfb;
+  --danger: #e25b6e;
+  --success: #2fb583;
+  --ring: rgba(91, 110, 225, 0.35);
 }
 
 @theme inline {
   --color-background: var(--background);
+  --color-surface: var(--surface);
+  --color-surface-muted: var(--surface-muted);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --color-muted: var(--muted);
+  --color-border: var(--border);
+  --color-primary: var(--primary);
+  --color-primary-hover: var(--primary-hover);
+  --color-primary-soft: var(--primary-soft);
+  --color-danger: var(--danger);
+  --color-success: var(--success);
+  --font-sans: var(--font-vazir), system-ui, sans-serif;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+* {
+  border-color: var(--border);
+}
+
+html,
+body {
+  height: 100%;
 }
 
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-vazir), system-ui, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Persian digits feel native when the font handles them; keep tabular for tables. */
+table {
+  font-variant-numeric: tabular-nums;
+}
+
+/* Thin custom scrollbars to match the calm theme. */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar-thumb {
+  background: #cdd3e6;
+  border-radius: 999px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
 }