/* ═══════════════════════════════════════════════
   MedMarket Platform — CSS Variables & Reset
   Version: 2.0 · Med Market Agency Theme
   ═══════════════════════════════════════════════ */

:root {
  /* Brand */
  --or: #E8521A; --or-lt: #F07545; --or-dk: #B83D10;
  --or-pale: #FEF0E8; --or-deep: #7C2D0A;
  /* Dark */
  --dk: #1A1A2E; --dk2: #16213E; --dk3: #0D1117;
  --nv: #0F3460; --nv-lt: #1E4A7A;
  /* Neutrals */
  --wh: #FFFFFF; --gy0: #FAFAFA; --gy1: #F4F5F7;
  --gy2: #E8EAF0; --gy3: #C8CDD8; --gy4: #8890A4;
  --gy5: #4A5168; --gy6: #2D3142;
  /* Semantic */
  --gr: #16A34A; --gr-lt: #DCFCE7; --gr-dk: #166534;
  --rd: #DC2626; --rd-lt: #FEE2E2; --rd-dk: #991B1B;
  --am: #D97706; --am-lt: #FEF3C7; --am-dk: #92400E;
  --bl: #185FA5; --bl-lt: #EBF5FB; --bl-dk: #0C447C;
  --pu: #7C3AED; --pu-lt: #EDE9FE; --pu-dk: #5B21B6;
  --tl: #0891B2; --tl-lt: #ECFEFF; --tl-dk: #164E63;
  /* Layout */
  --nav-h: 56px; --sidebar-w: 230px;
  --mob-nav-h: 58px;
  /* Tokens */
  --radius-sm: 6px; --radius: 10px; --radius-lg: 14px; --radius-xl: 20px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);
  --shadow: 0 4px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.08);
  --transition: all .18s ease;
  /* Compatibility aliases */
  --br: #E8EAF0; --tx-2: #8890A4; --bg-2: #F4F5F7;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'IBM Plex Sans Arabic',-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-size:14px;line-height:1.6;color:var(--gy6);
  background:var(--gy1);direction:rtl;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
button,input,select,textarea{font-family:'IBM Plex Sans Arabic',-apple-system,'Segoe UI',Arial,sans-serif;}
img{max-width:100%;height:auto;display:block;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
a{text-decoration:none;color:inherit;}