/* =========================================================================
 * tokens.css — design tokens for the ERP visual language.
 * Neutral workspace, dense typography, steel-blue accent, strong states.
 * ========================================================================= */
:root {
  --font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, 'Noto Sans Arabic', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, 'Courier New', monospace;
  --fs: 12.5px;
  --fs-sm: 11.5px;
  --fs-xs: 10.5px;
  --fs-md: 13.5px;
  --fs-lg: 15px;

  --app-bg: #d6dce4;
  --surface: #ffffff;
  --surface-2: #f5f7f9;
  --surface-3: #e9edf2;
  --surface-4: #dfe4ea;
  --line: #c1c9d3;
  --line-soft: #dde2e8;
  --line-strong: #97a3b2;

  --text: #18212c;
  --text-2: #465262;
  --text-3: #6f7b8b;

  --primary: #1f5fa8;
  --primary-600: #184f8e;
  --primary-700: #133f72;
  --primary-50: #edf3fb;
  --primary-100: #d6e4f5;
  --primary-200: #b5cdec;

  --titlebar: #15263a;
  --titlebar-2: #1c3350;
  --titlebar-line: #2a4466;
  --titlebar-text: #dbe4ef;
  --titlebar-muted: #93a6bd;

  --menubar: #eef1f5;
  --menubar-hover: #dde5ef;
  --menubar-line: #bcc6d2;

  --tabs-bg: #c9d1db;
  --tab-bg: #e3e8ee;

  --row-alt: #f8f9fb;
  --row-hover: #edf3fa;
  --row-active: #cde0f6;
  --row-sel: #e2ecf8;

  --entry-bg: #fffbea;
  --entry-line: #e8d88f;

  --ok: #17703f;
  --ok-bg: #e2f3e8;
  --ok-line: #a9d7b9;
  --warn: #935700;
  --warn-bg: #fff2d3;
  --warn-line: #f0cf86;
  --bad: #b0271f;
  --bad-bg: #fde6e4;
  --bad-line: #f2b4ae;
  --info: #1f5fa8;
  --info-bg: #e6effa;
  --muted-bg: #eef0f3;
  --muted-line: #cfd5dc;

  --focus-ring: 0 0 0 2px rgba(31, 95, 168, 0.32);
  --radius: 3px;
  --radius-lg: 4px;
  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.07);
  --shadow-2: 0 4px 14px rgba(16, 24, 40, 0.14);
  --shadow-3: 0 16px 48px rgba(10, 20, 35, 0.32);

  --h-title: 42px;
  --h-menu: 34px;
  --h-tabs: 30px;
  --h-status: 24px;
  --gap: 6px;

  /* Bootstrap alignment */
  --bs-body-font-family: var(--font);
  --bs-body-font-size: var(--fs);
  --bs-body-color: var(--text);
  --bs-border-color: var(--line);
  --bs-border-radius: var(--radius);
  --bs-border-radius-sm: var(--radius);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-primary: #1f5fa8;
  --bs-primary-rgb: 31, 95, 168;
  --bs-link-color: var(--primary);
  --bs-link-color-rgb: 31, 95, 168;
  --bs-link-hover-color: var(--primary-700);
}