/* Diwan (ديوان) — RHQ corporate tokens on the Frappe desk and website (ADR 0005).
   Edgenta deep blue #0B3D91 primary, bright blue #1E63C4 secondary, silver #9AA5B1 accent,
   family ink/muted/surface. Tawzeef (recruitment) keeps emerald #1B7F5C as its accent.
   Fonts are self-hosted (fonts.css). Logical properties only, so RTL needs no mirror file. */

:root {
  --dw-primary: #0b3d91;
  --dw-primary-dark: #082c69;
  --dw-primary-light: #e7edf8;
  --dw-secondary: #1e63c4;
  --dw-accent: #9aa5b1;
  --dw-ink: #14181d;
  --dw-muted: #5f6b78;
  --dw-surface: #f4f6f8;
  --dw-ok: #2fa84f;
  --dw-warn: #f5a623;
  --dw-danger: #c0392b;
  --tz-primary: #1b7f5c; /* Tawzeef recruitment accent */
  --tz-accent: #f4a261;

  /* Frappe desk variables we override */
  --primary: var(--dw-primary);
  --primary-color: var(--dw-primary);
  --btn-primary: var(--dw-primary);
  --sidebar-select-color: var(--dw-primary-light);
  --text-color: var(--dw-ink);
  --text-muted: var(--dw-muted);
  --heading-color: var(--dw-ink);
  --bg-color: var(--dw-surface);
  --navbar-bg: #ffffff;
  --checkbox-color: var(--dw-primary);
  --control-bg-on-gray: #ffffff;
  --font-stack: "Inter", "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html[dir="rtl"] :root,
html[dir="rtl"] body,
body[dir="rtl"] {
  --font-stack: "IBM Plex Sans Arabic", "Inter", "Segoe UI", Tahoma, sans-serif;
}

body {
  font-family: var(--font-stack);
}

/* Primary buttons and active states */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--dw-primary) !important;
  border-color: var(--dw-primary) !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: var(--dw-primary-dark) !important;
}
a,
.text-primary {
  color: var(--dw-secondary);
}
.indicator-pill.green,
.indicator.green::before {
  background-color: var(--dw-ok);
}

/* Desk sidebar and navbar */
.navbar {
  border-block-end: 1px solid #e3e7ec;
}
.desk-sidebar .standard-sidebar-item.selected,
.sidebar-item.selected {
  background-color: var(--dw-primary-light);
}
.desk-sidebar .standard-sidebar-item.selected .sidebar-item-label,
.sidebar-item.selected .sidebar-item-label {
  color: var(--dw-primary-dark);
}
.widget.shortcut-widget-box:hover {
  border-color: var(--dw-secondary);
}

/* Desk home (/desk) logo: upstream boxes it to 32x32; the lockup is wide, so let it
   take the navbar height (48px) minus breathing room. */
.navbar-home img,
.desktop-navbar .navbar-home img {
  height: 40px;
  width: auto;
  max-width: none;
}

/* Login page: Frappe styles the sign-in button as .btn-login (dark), not .btn-primary */
.btn-login,
.btn-login:hover,
.btn-login:focus,
.for-login .btn-primary {
  background-color: var(--dw-primary) !important;
  border-color: var(--dw-primary) !important;
  color: #ffffff !important;
}
.btn-login:hover {
  background-color: var(--dw-primary-dark) !important;
}
.for-login .app-logo,
.page-card-head img {
  max-height: 56px;
  width: auto;
}

/* Website */
.web-footer {
  background-color: var(--dw-surface);
  color: var(--dw-muted);
}
.navbar-light .navbar-brand img {
  max-height: 36px;
}