@import "tailwindcss";

/* Persian admin theme — calm meditation palette, RTL-first. */
:root {
  --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);
  --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;
}

* {
  border-color: var(--border);
}

html,
body {
  height: 100%;
}

body {
  background: var(--background);
  color: var(--foreground);
  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;
}