@import url("../../bootstrap/styles/application.css");
@import url("rtl.css");
@import url("persian.css");

:root {
  --pdms-bg: #f6f7fb;
  --pdms-surface: #ffffff;
  --pdms-border: #d9dee8;
  --pdms-text: #1d2733;
  --pdms-muted: #667085;
  --pdms-primary: #2563eb;
  --pdms-primary-strong: #1d4ed8;
  --pdms-radius: 8px;
}

body {
  background: var(--pdms-bg);
  color: var(--pdms-text);
}

.container-fluid,
.container {
  max-width: 1440px;
}

.table {
  background: var(--pdms-surface);
}

.table th,
.table td {
  border-color: var(--pdms-border);
}

.navbar,
.navbar-inner {
  border-color: var(--pdms-border);
}

.btn-primary,
.btn.btn-primary {
  background-color: var(--pdms-primary);
  background-image: none;
  border-color: var(--pdms-primary-strong);
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: var(--pdms-primary-strong);
}