/* Tawzeef (توظيف) — brand tokens applied to the Frappe desk and website.
   ADR 0003. Colours: emerald #1B7F5C primary, apricot #F4A261 accent, family ink/muted/surface.
   Fonts are self-hosted (fonts.css). Logical properties only, so RTL needs no mirror file. */

:root {
  --tz-primary: #1b7f5c;
  --tz-primary-dark: #14614a;
  --tz-primary-light: #e6f2ed;
  --tz-accent: #f4a261;
  --tz-accent-dark: #d97e3a;
  --tz-ink: #14181d;
  --tz-muted: #5f6b78;
  --tz-surface: #f4f6f8;
  --tz-ok: #2fa84f;
  --tz-warn: #f5a623;
  --tz-danger: #c0392b;

  /* Frappe desk variables we override */
  --primary: var(--tz-primary);
  --primary-color: var(--tz-primary);
  --btn-primary: var(--tz-primary);
  --sidebar-select-color: var(--tz-primary-light);
  --text-color: var(--tz-ink);
  --text-muted: var(--tz-muted);
  --heading-color: var(--tz-ink);
  --bg-color: var(--tz-surface);
  --navbar-bg: #ffffff;
  --checkbox-color: var(--tz-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(--tz-primary) !important;
  border-color: var(--tz-primary) !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: var(--tz-primary-dark) !important;
}
a,
.text-primary {
  color: var(--tz-primary);
}
.indicator-pill.green,
.indicator.green::before {
  background-color: var(--tz-ok);
}

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

/* Accent: kanban and shortcut widgets */
.widget.shortcut-widget-box .widget-head .widget-title,
.kanban-column .kanban-column-title {
  color: var(--tz-ink);
}
.widget.shortcut-widget-box:hover {
  border-color: var(--tz-accent);
}

/* Website (careers pages inherit; full templates land in Phase 2) */
.web-footer {
  background-color: var(--tz-surface);
  color: var(--tz-muted);
}
.navbar-light .navbar-brand img {
  max-height: 32px;
}

/* 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(--tz-primary) !important;
  border-color: var(--tz-primary) !important;
  color: #ffffff !important;
}
.btn-login:hover {
  background-color: var(--tz-primary-dark) !important;
}
.for-login .app-logo,
.page-card-head img {
  max-height: 44px;
  width: auto;
}