/* عود HR — shared design tokens (portal, /me, /jobs). Thmanyah Sans, RTL, Latin digits, light + dark. */
@font-face { font-family: 'Thmanyah'; src: url('/fonts/thmanyahsans-Light.woff2') format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Thmanyah'; src: url('/fonts/thmanyahsans-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Thmanyah'; src: url('/fonts/thmanyahsans-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Thmanyah'; src: url('/fonts/thmanyahsans-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Thmanyah'; src: url('/fonts/thmanyahsans-Black.woff2') format('woff2'); font-weight: 900; font-display: swap; }

:root {
  --font: 'Thmanyah', -apple-system, 'SF Arabic', 'Segoe UI', Tahoma, sans-serif;
  /* AUD (عود) brand: the logo's copper-brown #965f2f on warm paper, dark-wood ink. Logo files: /brand/aud-logo.png (Arabic + "AUD COMMERCIAL GROUP"),
     /brand/aud-wordmark.png ("AUD"). Entity colours (Cactus green, Cherry red) come from the data. */
  --bg: #f7f4ed;
  --surface: #ffffff;
  --surface-2: #f0ebe1;
  --ink: #2b2118;
  --ink-2: #5d5145;
  --muted: #8c7f72;
  --line: #e2d9ca;
  --line-strong: #cfc2ad;
  --accent: #965f2f;        /* AUD logo copper */
  --accent-ink: #ffffff;
  --accent-soft: #f3e7da;
  --brass: #b08d57;
  --ok: #2f7a4b;   --ok-soft: #e3f1e8;
  --warn: #a8660b; --warn-soft: #fbefd9;
  --bad: #b3261e;  --bad-soft: #f9e3e1;
  --info: #2c5d8a; --info-soft: #e2edf7;
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px rgba(43, 33, 24, .06), 0 6px 24px rgba(43, 33, 24, .06);
  --focus: 0 0 0 3px rgba(176, 141, 87, .45);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #17120e; --surface: #211a14; --surface-2: #2a221b; --ink: #f3ece2; --ink-2: #cfc3b4; --muted: #9b8e80;
    --line: #382e25; --line-strong: #4a3d31; --accent: #c8955f; --accent-ink: #1b140f; --accent-soft: #3a2b1f; --brass: #d0ab72;
    --ok: #6cc28f; --ok-soft: #1d3326; --warn: #e5a54a; --warn-soft: #3a2c15; --bad: #ef7d74; --bad-soft: #3d1f1c; --info: #79acd9; --info-soft: #1c2c3b;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 28px rgba(0,0,0,.35); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #17120e; --surface: #211a14; --surface-2: #2a221b; --ink: #f3ece2; --ink-2: #cfc3b4; --muted: #9b8e80;
  --line: #382e25; --line-strong: #4a3d31; --accent: #c8955f; --accent-ink: #1b140f; --accent-soft: #3a2b1f; --brass: #d0ab72;
  --ok: #6cc28f; --ok-soft: #1d3326; --warn: #e5a54a; --warn-soft: #3a2c15; --bad: #ef7d74; --bad-soft: #3d1f1c; --info: #79acd9; --info-soft: #1c2c3b;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 28px rgba(0,0,0,.35); color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 15px; line-height: 1.6;
  -webkit-text-size-adjust: 100%; font-variant-numeric: lining-nums tabular-nums; }