/* EasyKey brand tokens. Loaded before every other dashboard stylesheet. */
:root {
  --ek-navy: #0b1736;
  --ek-navy-2: #152349;
  --ek-navy-line: #22305a;
  --ek-on-navy: #c9d0e4;
  --ek-on-navy-muted: #9aa4c2;
  --ek-blue: #3d5afe;
  --ek-blue-dark: #2f49e0;
  --ek-blue-soft: #7c93ff;
  --ek-blue-tint: #e9edff;
  --ek-blue-line: #d6ddff;
  --ek-yellow: #ffc814;
  --ek-yellow-tint: #fff8e5;
  --ek-yellow-line: #f3c969;
  --ek-yellow-text: #8a5a00;
  --ek-success: #0e6b42;
  --ek-success-tint: #e3f6ec;
  --ek-violet: #5b3cc4;
  --ek-violet-tint: #f1ecff;
  --ek-danger: #a12a2a;
  --ek-danger-tint: #fde7e7;
  --ek-bg: #f4f6fb;
  --ek-bg-2: #eef1f7;
  --ek-surface: #ffffff;
  --ek-line: #e3e8f2;
  --ek-line-strong: #dce2ee;
  --ek-text-2: #3e4a66;
  --ek-muted: #56627e;
  --ek-radius-sm: 10px;
  --ek-radius: 12px;
  --ek-radius-lg: 16px;
  --ek-shadow: 0 12px 30px rgba(11, 23, 54, 0.08);
  --ek-focus: 0 0 0 3px rgba(61, 90, 254, 0.22);
  --ek-font: "IBM Plex Sans Arabic", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ek-chart-1: #3d5afe;
  --ek-chart-2: #e0a800;
  --ek-chart-3: #7c93ff;
  --ek-chart-4: #0b1736;
}

body { font-family: var(--ek-font); }
:focus-visible { outline: 2px solid var(--ek-blue); outline-offset: 2px; }

/* WhatsApp-style chat surfaces (light), after WhatsApp's own palette; agent replies use the EasyKey yellow tint. */
:root {
  --wa-wall: #efeae2;
  --wa-wall-dot: rgba(0, 0, 0, 0.035);
  --wa-header: #f0f2f5;
  --wa-in: #ffffff;
  --wa-out: #d9fdd3;
  --wa-agent: #fff4cc;
  --wa-system: #ffffff;
  --wa-err: #fde2e2;
  --wa-text: #111b21;
  --wa-meta: #54656f;
  --wa-link: #027eb5;
  --wa-hair: rgba(0, 0, 0, 0.08);
  --wa-chip: rgba(0, 0, 0, 0.05);
  --wa-send: #3d5afe;
}