/* ============================================================
   Master Cargo CRM — design tokens
   מקור: סגנון הבית של טל (Streamlit_Hub / Cheaper_Marketing / Taz mobile)
   הטוקנים הועתקו אחד-לאחד מ-docs/research/discovery/design.json.
   כל שינוי צבע/רדיוס/ריווח נעשה כאן בלבד — app.css משתמש רק במשתנים.
   ============================================================ */
:root {
  color-scheme: dark;

  /* ---- surfaces ---- */
  --bg: #0B1020;          /* page (deepest navy) */
  --bg2: #101A33;         /* gradient end */
  --panel: #0E1428;       /* mid-tone panel */
  --sb-bg: linear-gradient(180deg, #0A0F1E 0%, #0D1530 100%);
  --nav-bg: linear-gradient(90deg, rgba(10,15,30,.97) 0%, rgba(16,26,51,.97) 100%);
  --glass: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  --glass-strong: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  --field-bg: rgba(8,13,28,.72);
  --line: rgba(255,255,255,.09);
  --line-2: rgba(255,255,255,.14);
  --line-3: rgba(255,255,255,.22);

  /* ---- text ---- */
  --text: #EAF2FF;
  --muted: #9FB0CE;
  --faint: #7E92B5;
  --on-accent: #1a1200;   /* dark text on orange */

  /* ---- brand ---- */
  --accent: #E8873B;      /* orange */
  --accent-2: #F5B26B;    /* peach (gradient partner) */
  --cyan: #22D3EE;
  --navy: #1a3a6b;        /* legacy navy (Master Cargo card in the Hub) */
  --grad-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  --grad-brand: linear-gradient(90deg, #F5B26B 0%, #E8873B 35%, #22D3EE 100%);
  --grad-card-bar: linear-gradient(90deg, var(--accent), var(--cyan));
  --grad-orb: conic-gradient(#F5B26B, #E8873B, #22D3EE, #F5B26B);

  /* ---- semantic ---- */
  --good: #86EFAC;
  --good-2: #4ADE80;
  --warn: #FDE68A;
  --warn-2: #D97706;
  --bad: #FCA5A5;
  --bad-2: #F87171;
  --info: #93C5FD;
  --violet: #C4B5FD;

  /* rgb triplets for alpha mixing: rgba(var(--accent-rgb), .12) */
  --accent-rgb: 232,135,59;
  --cyan-rgb: 34,211,238;
  --good-rgb: 134,239,172;
  --warn-rgb: 253,230,138;
  --bad-rgb: 252,165,165;
  --info-rgb: 147,197,253;
  --violet-rgb: 196,181,253;
  --white-rgb: 255,255,255;

  /* ---- lead status colours (chip text/border; bg is the same colour at low alpha) ---- */
  --st-NEW: var(--cyan);                          --st-NEW-rgb: var(--cyan-rgb);
  --st-ASSIGNED_WAITING_ACCEPTANCE: var(--warn);  --st-ASSIGNED_WAITING_ACCEPTANCE-rgb: var(--warn-rgb);
  --st-INITIAL_HANDLING: var(--accent);           --st-INITIAL_HANDLING-rgb: var(--accent-rgb);
  --st-CONTACTED: var(--accent-2);                --st-CONTACTED-rgb: 245,178,107;
  --st-QUOTE_REQUESTED: var(--info);              --st-QUOTE_REQUESTED-rgb: var(--info-rgb);
  --st-QUOTE_SENT: #60A5FA;                       --st-QUOTE_SENT-rgb: 96,165,250;
  --st-FOLLOW_UP: var(--violet);                  --st-FOLLOW_UP-rgb: var(--violet-rgb);
  --st-FUTURE_FOLLOWUP: #A78BFA;                  --st-FUTURE_FOLLOWUP-rgb: 167,139,250;
  --st-RETURNED_TO_MANAGER: var(--bad);           --st-RETURNED_TO_MANAGER-rgb: var(--bad-rgb);
  --st-CUSTOMER_OPENED: var(--good);              --st-CUSTOMER_OPENED-rgb: var(--good-rgb);
  --st-CLOSED_WON: var(--good-2);                 --st-CLOSED_WON-rgb: 74,222,128;
  --st-CLOSED_NOT_SUCCESSFUL: var(--faint);       --st-CLOSED_NOT_SUCCESSFUL-rgb: 126,146,181;
  --st-NEEDS_REVIEW: var(--warn);                 --st-NEEDS_REVIEW-rgb: var(--warn-rgb);

  /* ---- geometry ---- */
  --nav-h: 62px;
  --sb-w: 220px;
  --touch: 44px;
  --r-sm: 9px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;
  --content-max: 1560px;   /* רוחב התוכן (.container). הכרעת טל 06/09: לנצל מסך רחב — 1180 → 1560, השוליים נשמרים דרך .main */

  /* ---- spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ---- shadows / glows ---- */
  --sh-card: 0 10px 30px rgba(0,0,0,.25);
  --sh-nav: 0 6px 24px rgba(0,0,0,.45);
  --sh-drawer: -14px 0 40px rgba(0,0,0,.6);
  --sh-pop: 0 18px 50px rgba(0,0,0,.55);
  --glow-accent: 0 0 12px rgba(232,135,59,.35);
  --glow-accent-lg: 0 0 0 1px rgba(232,135,59,.35), 0 10px 32px rgba(232,135,59,.35);
  --glow-cyan: 0 0 12px rgba(34,211,238,.35);
  --focus-ring: 0 0 0 3px rgba(34,211,238,.45);

  /* ---- typography ---- */
  --font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Arial, 'Noto Sans Hebrew', sans-serif;
  --fs-xs: .72rem;
  --fs-sm: .84rem;
  --fs-md: .95rem;
  --fs-lg: 1.1rem;
  --fs-xl: 1.35rem;
  --fs-2xl: 1.75rem;

  /* ---- safe-area (PWA standalone on phones) ---- */
  --sa-t: env(safe-area-inset-top, 0px);
  --sa-b: env(safe-area-inset-bottom, 0px);
  --sa-l: env(safe-area-inset-left, 0px);
  --sa-r: env(safe-area-inset-right, 0px);

  /* ---- motion ---- */
  --t-fast: 120ms;
  --t-med: 220ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}

/* ---------- Fonts (self-hosted Heebo, variable 100-900) ----------
   עבר לכאן מ-app.css §1 בפיצול 06/09 (REFACTOR_PLAN §6) — הגופן שייך לטוקנים (--font).
   fallback (only if the woff2 files are missing):
   @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;600;800;900&display=swap');
*/
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/heebo-var-hebrew.woff2') format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/heebo-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}