/* L.H Group site tokens for the agency CRM skin (nx-app.css, nx-embed.css).
   Source of truth: the public site shell (nx.css). Global :root tokens + a few
   lh- primitives. The portal uses the separate, .lhds-scoped lh-ds.css. */
:root {
  /* Ink + paper */
  --lh-ink: #0b0f1c;
  --lh-ink-2: #1a2236;
  --lh-ink-3: #33405a;
  --lh-muted: #66728a;
  --lh-faint: #98a3b8;
  --lh-paper: #ffffff;
  --lh-mist: #f4f7fb;
  --lh-mist-2: #eef2f8;
  --lh-line: #e3e9f2;
  --lh-line-2: #dce5ef;

  /* Brand */
  --lh-cobalt: #3f5efb;
  --lh-cobalt-600: #2f4ae0;
  --lh-cobalt-soft: #eef1ff;
  --lh-cyan: #32c8bd;
  --lh-cyan-700: #087f76;
  --lh-cyan-soft: #e8fbf8;
  --lh-violet: #7457db;
  --lh-coral: #ff6b57;
  --lh-grad: linear-gradient(100deg, var(--lh-cyan), var(--lh-cobalt) 60%, var(--lh-violet));
  --lh-grad-2: linear-gradient(100deg, var(--lh-cyan), var(--lh-cobalt) 75%);
  --lh-grad-line: linear-gradient(90deg, var(--lh-cobalt), var(--lh-cyan) 52%, var(--lh-coral));

  /* Intent (kept from the CRM so statuses keep their meaning) */
  --lh-ok: #059669; --lh-ok-bg: #d1fae5;
  --lh-warn: #d97706; --lh-warn-bg: #fef3c7;
  --lh-err: #dc2626; --lh-err-bg: #fee2e2;
  --lh-info: #3f5efb; --lh-info-bg: #eef1ff;

  /* Type */
  --lh-font: 'LH Sans', 'Noto Sans Hebrew', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Shape + depth */
  --lh-r-sm: 12px;
  --lh-r-md: 16px;
  --lh-r-lg: 22px;
  --lh-r-xl: 30px;
  --lh-pill: 999px;
  --lh-shadow-1: 0 1px 2px rgba(15,23,42,.04), 0 18px 40px -26px rgba(28,47,92,.28);
  --lh-shadow-2: 0 1px 2px rgba(15,23,42,.05), 0 24px 64px -40px rgba(28,47,92,.45);
  --lh-shadow-pop: 0 40px 80px -30px rgba(8,11,22,.45);
  --lh-ring: 0 0 0 3px rgba(63,94,251,.22);

  /* Motion */
  --lh-ease: cubic-bezier(.2,.75,.2,1);
}

/* Primitives */
.lh-kicker { display: inline-flex; align-items: center; gap: 10px; font: 700 12.5px var(--lh-font); letter-spacing: .04em; color: var(--lh-muted); }
.lh-kicker::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: var(--lh-grad-2); }
.lh-grad-text { background: var(--lh-grad-2); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lh-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 20px; border-radius: var(--lh-pill); border: 1px solid transparent; font: 700 14px var(--lh-font); cursor: pointer; text-decoration: none; transition: transform .25s var(--lh-ease), background .25s, color .25s, box-shadow .25s; }
.lh-btn:hover { transform: translateY(-1px); }
.lh-btn--ink { background: var(--lh-ink); color: #fff; }
.lh-btn--ink:hover { background: var(--lh-cobalt); }
.lh-btn--grad { color: #fff; background: var(--lh-grad); background-size: 200% 100%; box-shadow: 0 10px 24px -12px rgba(63,94,251,.8); }
.lh-btn--grad:hover { background-position: 100% 0; }
.lh-btn--ghost { background: #fff; color: var(--lh-ink); border-color: var(--lh-line-2); }
.lh-btn--ghost:hover { border-color: var(--lh-cobalt); color: var(--lh-cobalt); }
.lh-card { background: #fff; border: 1px solid var(--lh-line); border-radius: var(--lh-r-lg); box-shadow: var(--lh-shadow-1); }
.lh-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--lh-pill); font: 700 12px var(--lh-font); background: var(--lh-mist); color: var(--lh-ink-3); border: 1px solid var(--lh-line); }
@media (prefers-reduced-motion: reduce) { .lh-btn, .lh-btn:hover { transition: none; transform: none; } }