:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --border: oklch(0.922 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --header-bg: oklch(1 0 0 / 0.8);
  --card-bg: oklch(0.985 0 0);
  --primary: oklch(0.145 0 0);
}
body {
  background-color: var(--background);
  color: var(--foreground);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#site-header {
  background-color: var(--header-bg);
  transition: background-color 0.3s ease;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: "IRANYekanX", Tahoma, Arial, sans-serif;
  direction: rtl;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* #site-header {
  background: var(--header-bg);
  color: var(--foreground);
  border-bottom: 1px solid var(--border);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
} */

/* همه آیتم‌هایی که بوردر دارند .border,
.border-b,
.border-t,
.border-l,
.border-r,
.border-x,
.border-y,
.gh-vendor-dashboard,
.gh-vendor-dashboard aside,
.gh-vendor-dashboard main,
input,
textarea,
select,
button,
.card,
.item,
.product,
.order,
.widget,
.search-box {
  border-color: var(--border);
}

html.dark .border,
html.dark .border-b,
html.dark .border-t,
html.dark .border-l,
html.dark .border-r,
html.dark .border-x,
html.dark .border-y,
html.dark .gh-vendor-dashboard,
html.dark .gh-vendor-dashboard aside,
html.dark .gh-vendor-dashboard main,
html.dark input,
html.dark textarea,
html.dark select,
html.dark button,
html.dark .card,
html.dark .item,
html.dark .product,
html.dark .order,
html.dark .widget,
html.dark .search-box {
  border-color: var(--border);
}

.gh-vendor-dashboard {
  background: var(--card-bg);
  color: var(--foreground);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.gh-vendor-dashboard aside {
  background: var(--background);
  border-left: 1px solid var(--border);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

html.dark .gh-vendor-dashboard,
html.dark .gh-vendor-dashboard aside,
html.dark .gh-vendor-dashboard main {
  border-color: var(--border);
}

.gh-vendor-dashboard main {
  background: var(--card-bg);
  color: var(--foreground);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
} */